{"action":"opened","issue":{"url":"https://api.github.com/repos/NativeScript/nativescript-angular/issues/80","repository_url":"https://api.github.com/repos/NativeScript/nativescript-angular","labels_url":"https://api.github.com/repos/NativeScript/nativescript-angular/issues/80/labels{/name}","comments_url":"https://api.github.com/repos/NativeScript/nativescript-angular/issues/80/comments","events_url":"https://api.github.com/repos/NativeScript/nativescript-angular/issues/80/events","html_url":"https://github.com/NativeScript/nativescript-angular/issues/80","id":135285225,"number":80,"title":"Example usage of SegmentedBar ?","user":{"login":"NathanWalker","id":457187,"avatar_url":"https://avatars.githubusercontent.com/u/457187?v=3","gravatar_id":"","url":"https://api.github.com/users/NathanWalker","html_url":"https://github.com/NathanWalker","followers_url":"https://api.github.com/users/NathanWalker/followers","following_url":"https://api.github.com/users/NathanWalker/following{/other_user}","gists_url":"https://api.github.com/users/NathanWalker/gists{/gist_id}","starred_url":"https://api.github.com/users/NathanWalker/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/NathanWalker/subscriptions","organizations_url":"https://api.github.com/users/NathanWalker/orgs","repos_url":"https://api.github.com/users/NathanWalker/repos","events_url":"https://api.github.com/users/NathanWalker/events{/privacy}","received_events_url":"https://api.github.com/users/NathanWalker/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-02-22T01:02:43Z","updated_at":"2016-02-22T01:02:43Z","closed_at":null,"body":"I'm having trouble getting a Segmented Bar to render properly when bound to a property in an angular component class.\r\n```\r\n<SegmentedBar items=\"{{supportedLanguages}}\"></SegmentedBar>\r\n```\r\n\r\n```\r\n...\r\nexport class LangSwitcherCmp {\r\n  public supportedLanguages: Array<any> = [\r\n    { code: 'en', title: 'English' },\r\n    { code: 'es', title: 'Spanish' },\r\n    { code: 'fr', title: 'French' },\r\n    { code: 'ru', title: 'Russian' },\r\n    { code: 'bg', title: 'Bulgarian' }\r\n  ];\r\n}\r\n```\r\n\r\nIt ends up rendering like this... (am I missing something?):\r\n<img width=\"375\" alt=\"screen shot 2016-02-21 at 5 02 26 pm\" src=\"https://cloud.githubusercontent.com/assets/457187/13206953/eaf0b3da-d8bc-11e5-889e-1f71f57737c3.png\">\r\n"}}