{"action":"created","issue":{"url":"https://api.github.com/repos/angular/angular/issues/9262","repository_url":"https://api.github.com/repos/angular/angular","labels_url":"https://api.github.com/repos/angular/angular/issues/9262/labels{/name}","comments_url":"https://api.github.com/repos/angular/angular/issues/9262/comments","events_url":"https://api.github.com/repos/angular/angular/issues/9262/events","html_url":"https://github.com/angular/angular/issues/9262","id":160695777,"number":9262,"title":"EXCEPTION: No Directive annotation found on ArticleCompontent","user":{"login":"tyroneLord","id":609162,"avatar_url":"https://avatars.githubusercontent.com/u/609162?v=3","gravatar_id":"","url":"https://api.github.com/users/tyroneLord","html_url":"https://github.com/tyroneLord","followers_url":"https://api.github.com/users/tyroneLord/followers","following_url":"https://api.github.com/users/tyroneLord/following{/other_user}","gists_url":"https://api.github.com/users/tyroneLord/gists{/gist_id}","starred_url":"https://api.github.com/users/tyroneLord/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/tyroneLord/subscriptions","organizations_url":"https://api.github.com/users/tyroneLord/orgs","repos_url":"https://api.github.com/users/tyroneLord/repos","events_url":"https://api.github.com/users/tyroneLord/events{/privacy}","received_events_url":"https://api.github.com/users/tyroneLord/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2016-06-16T15:50:05Z","updated_at":"2016-06-16T16:11:21Z","closed_at":"2016-06-16T16:11:21Z","body":"I am working from the ng-book-2 for angular i am getting this issue but not sure why. below is my code.\r\n\r\n\r\nimport { bootstrap } from \"angular2/platform/browser\";\r\nimport { Component } from \"angular2/core\";\r\n\r\n@Component({\r\n\tselector: 'reddit-article',\r\n\t// host creates the css class or row ont eh reddit-article tag we created\r\n\thost:{\r\n\t\tclass: 'row'\r\n\t},\r\n\ttemplate: `\r\n\t<div class=\"four wide column center aligned votes\">\r\n\t\t<div div class=\"ui statistic\">\r\n\t\t\t<div class=\"value\">\r\n\t\t\t\t{{ article.votes }}\r\n\t\t\t</div>\r\n\t\t\t<div class=\"label\">\r\n\t\t\t\tpoints\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"twelve wide column\">\r\n\t\t<a href=\"{{ article.link }}\" class=\"ui large header\"> {{ article.title }}</a>\r\n\t\t<ul class=\"ui big horizontal list voters\">\r\n\t\t\t<li class=\"item\"> <a href (click)=\"voteUp()\"><i class=\"arrow up icon\"></i> upvote</a></li>\r\n\t\t\t<li class=\"item\"> <a href (click)=\"voteDown()\"><i class=\"arrow down icon\"></i> downvote</a></li>\r\n\t\t</ul>\r\n\t</div>\r\n\t`\r\n})\r\n\r\nclass Article{\r\n\ttitle: string;\r\n\tlink: string;\r\n\tvotes: number;\r\n\r\n\tconstructor(title: string, link: string, votes?:number){\r\n\t\tthis.title = title;\r\n\t\tthis.link = link;\r\n\t\tthis.votes = votes || 0;\r\n\t}\r\n}\r\n\r\n\r\n\r\nclass ArticleCompontent {\r\n\tarticle: Article;\r\n\r\n\tconstructor() {\r\n\t\t// this.title = 'Anglur 2';\r\n\t\t// this.link = 'httt://espn.com'\r\n\t\t// this.votes = 10;\r\n\t\tthis.article = new Atricle('Angular 2', 'http://ign.com', 10);\r\n\t}\r\n\r\n\tvoteUp(){\r\n\t\tthis.article.votes += 1;\r\n\t\treturn false;\r\n\t}\r\n\r\n\tvoteDown(){\r\n\t\tthis.article.votes -= 1;\r\n\t\treturn false;\r\n\t}\r\n}\r\n\r\n@Component({\r\n\tselector: 'reddit',\r\n\tdirectives: [ArticleCompontent],\r\n\ttemplate: `\r\n\t<form class=\"ui large form segment\">\r\n\t\t<h3 class=\"ui header\"> Add a Link</h3>\r\n\t\t<div class=\"field\">\r\n\t\t\t<label for=\"title\"> Title</label>\r\n\t\t\t<input name=\"title\" #newtitle>\r\n\t\t</div>\r\n\t\t<div class=\"field\">\r\n\t\t\t<label for =\"link\"> Link</label>\r\n\t\t\t<input name=\"link\" #newlink>\r\n\t\t</div>\r\n\t\t<button (click)=\"addArticle(newtitle, newlink)\" class=\"ui positive right floated button\">\r\n\t\t\tsubmit link\r\n\t\t</button>\r\n\t</form>\r\n\t<div class=\"ui grid posts\">\r\n\t\t<reddit-article></reddit-article>\r\n\t</div>\r\n\t`\r\n})\r\n\r\nclass RedditApp{\r\n\tconstructor(){\r\n\r\n\t}\r\n\taddArticle(title: HTMLInputElement, link: HTMLInputElement): void{\r\n\t\tconsole.log(`Adding article title: ${title.value} and link: ${link.value}`)\r\n\t}\r\n}\r\n\r\nbootstrap(RedditApp);"},"comment":{"url":"https://api.github.com/repos/angular/angular/issues/comments/226534354","html_url":"https://github.com/angular/angular/issues/9262#issuecomment-226534354","issue_url":"https://api.github.com/repos/angular/angular/issues/9262","id":226534354,"user":{"login":"tyroneLord","id":609162,"avatar_url":"https://avatars.githubusercontent.com/u/609162?v=3","gravatar_id":"","url":"https://api.github.com/users/tyroneLord","html_url":"https://github.com/tyroneLord","followers_url":"https://api.github.com/users/tyroneLord/followers","following_url":"https://api.github.com/users/tyroneLord/following{/other_user}","gists_url":"https://api.github.com/users/tyroneLord/gists{/gist_id}","starred_url":"https://api.github.com/users/tyroneLord/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/tyroneLord/subscriptions","organizations_url":"https://api.github.com/users/tyroneLord/orgs","repos_url":"https://api.github.com/users/tyroneLord/repos","events_url":"https://api.github.com/users/tyroneLord/events{/privacy}","received_events_url":"https://api.github.com/users/tyroneLord/received_events","type":"User","site_admin":false},"created_at":"2016-06-16T16:11:21Z","updated_at":"2016-06-16T16:11:21Z","body":"oh sorry i will close the issue'"}}
{"actor":{"display_login":"tyroneLord"}}