{"action":"created","issue":{"url":"https://api.github.com/repos/driftyco/ionic2/issues/683","labels_url":"https://api.github.com/repos/driftyco/ionic2/issues/683/labels{/name}","comments_url":"https://api.github.com/repos/driftyco/ionic2/issues/683/comments","events_url":"https://api.github.com/repos/driftyco/ionic2/issues/683/events","html_url":"https://github.com/driftyco/ionic2/issues/683","id":119962192,"number":683,"title":"Angular 2 Component not showing","user":{"login":"prolink007","id":15793354,"avatar_url":"https://avatars.githubusercontent.com/u/15793354?v=3","gravatar_id":"","url":"https://api.github.com/users/prolink007","html_url":"https://github.com/prolink007","followers_url":"https://api.github.com/users/prolink007/followers","following_url":"https://api.github.com/users/prolink007/following{/other_user}","gists_url":"https://api.github.com/users/prolink007/gists{/gist_id}","starred_url":"https://api.github.com/users/prolink007/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/prolink007/subscriptions","organizations_url":"https://api.github.com/users/prolink007/orgs","repos_url":"https://api.github.com/users/prolink007/repos","events_url":"https://api.github.com/users/prolink007/events{/privacy}","received_events_url":"https://api.github.com/users/prolink007/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":{"login":"mhartington","id":2835826,"avatar_url":"https://avatars.githubusercontent.com/u/2835826?v=3","gravatar_id":"","url":"https://api.github.com/users/mhartington","html_url":"https://github.com/mhartington","followers_url":"https://api.github.com/users/mhartington/followers","following_url":"https://api.github.com/users/mhartington/following{/other_user}","gists_url":"https://api.github.com/users/mhartington/gists{/gist_id}","starred_url":"https://api.github.com/users/mhartington/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mhartington/subscriptions","organizations_url":"https://api.github.com/users/mhartington/orgs","repos_url":"https://api.github.com/users/mhartington/repos","events_url":"https://api.github.com/users/mhartington/events{/privacy}","received_events_url":"https://api.github.com/users/mhartington/received_events","type":"User","site_admin":false},"milestone":null,"comments":3,"created_at":"2015-12-02T15:10:30Z","updated_at":"2015-12-02T15:46:35Z","closed_at":null,"body":"I am trying to show an `OAuthComponent` in my `GettingStartedPage` component. The `OAuthComponent` is not showing up when served to my browser. No errors.\r\n\r\nStack post http://stackoverflow.com/q/34031481/427763\r\n\r\n---\r\n\r\n    OAuthComponent.ts\r\n    \r\n    import {Page, NavController} from 'ionic/ionic';\r\n    import {Component} from 'angular2/angular2'\r\n    \r\n    @Component({\r\n        templateUrl: \"app/authentication/components/oauth-component.html\",\r\n        selector: \"oauth-component\"\r\n    })\r\n    export class OAuthComponent {\r\n    \r\n        private nav: NavController;\r\n    \r\n        constructor(nav: NavController) {\r\n            this.nav = nav;\r\n        }\r\n    }\r\n\r\n---\r\n\r\n    oauth-component.html\r\n    \r\n    <h1>\r\n        Testing Something\r\n    </h1>\r\n\r\n---\r\n\r\n    GettingStartedPage.ts\r\n    \r\n    import {Page, NavController} from 'ionic/ionic';\r\n    import {OAuthComponent} from \"../authentication/components/OAuthComponent\";\r\n    import \"./getting-started.scss\";\r\n    \r\n    @Page({\r\n        templateUrl: 'app/getting-started/getting-started.html',\r\n        directives: [OAuthComponent]\r\n    })\r\n    export class GettingStartedPage {\r\n    \r\n        private nav: NavController;\r\n    \r\n        constructor(nav: NavController) {\r\n            this.nav = nav;\r\n        }\r\n    }\r\n\r\n---\r\n\r\n    getting-started.html\r\n    \r\n    <ion-navbar *navbar>\r\n        <a menu-toggle>\r\n            <icon menu></icon>\r\n        </a>\r\n    \r\n        <ion-title>Getting Started</ion-title>\r\n    </ion-navbar>\r\n    \r\n    <ion-content>\r\n        <main>\r\n            <oauth-component></oauth-component>\r\n        </main>\r\n    </ion-content>\r\n"},"comment":{"url":"https://api.github.com/repos/driftyco/ionic2/issues/comments/161339834","html_url":"https://github.com/driftyco/ionic2/issues/683#issuecomment-161339834","issue_url":"https://api.github.com/repos/driftyco/ionic2/issues/683","id":161339834,"user":{"login":"prolink007","id":15793354,"avatar_url":"https://avatars.githubusercontent.com/u/15793354?v=3","gravatar_id":"","url":"https://api.github.com/users/prolink007","html_url":"https://github.com/prolink007","followers_url":"https://api.github.com/users/prolink007/followers","following_url":"https://api.github.com/users/prolink007/following{/other_user}","gists_url":"https://api.github.com/users/prolink007/gists{/gist_id}","starred_url":"https://api.github.com/users/prolink007/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/prolink007/subscriptions","organizations_url":"https://api.github.com/users/prolink007/orgs","repos_url":"https://api.github.com/users/prolink007/repos","events_url":"https://api.github.com/users/prolink007/events{/privacy}","received_events_url":"https://api.github.com/users/prolink007/received_events","type":"User","site_admin":false},"created_at":"2015-12-02T15:46:35Z","updated_at":"2015-12-02T15:46:35Z","body":"The only difference is that \"GettingStartedPage\" is not my \"app.js\". It is a `Page` that is included in the `app.js` and the `OAuthComponent` is a few directories below the `GettingStartedPage`. The only difference i did when building and serving was running `TSC` outside of `ionic serve` in between builds one time. Now everything seems to be working."}}