{"id":333,"date":"2015-03-05T08:00:00","date_gmt":"2015-03-05T08:00:00","guid":{"rendered":"https:\/\/blogs.msdn.microsoft.com\/typescript\/2015\/03\/05\/angular-2-built-on-typescript\/"},"modified":"2024-07-02T08:25:53","modified_gmt":"2024-07-02T16:25:53","slug":"angular-2-built-on-typescript","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/typescript\/angular-2-built-on-typescript\/","title":{"rendered":"Angular 2: Built on TypeScript"},"content":{"rendered":"

We’re excited to unveil the result of a months-long partnership with the Angular team.<\/p>\n

This partnership has been very productive and rewarding experience for us, and as part of this collaboration, we’re happy to announce that Angular 2 will now be built with TypeScript. \u00a0We’re looking forward to seeing what people will be able to do with these new tools and continuing to work with the Angular team to improve the experience for Angular developers.<\/p>\n

The first fruits of this collaboration will be in the upcoming TypeScript 1.5 release.<\/p>\n

We have worked with the Angular team to design a set of new features that will help you develop cleaner code when working with dynamic libraries like Angular 2, including a new way to annotate class declarations with metadata. \u00a0Library and application developers can use these metadata annotations to cleanly separate code from information about the code, such as configuration information or conditional compilation checks.<\/p>\n

We’ve also added a way to retrieve type information at runtime. \u00a0When enabled, this will enable developers to do a simple type introspection. \u00a0To verify code correctness with additional runtime checks. \u00a0It also enables libraries like Angular to use type information to set up dependency injection based on the types themselves.<\/span><\/p>\n

TodoMVC for Angular 2 in TypeScript<\/h2>\n

At ng-conf, we are previewing this work by showing a TodoMVC example, based on David East\u2019s Angular 2 TodoMVC<\/a>. \u00a0You can\u00a0try this example<\/a> out for yourself. If you\u2019re new to TypeScript, you can also learn TypeScript through our interactive playground<\/a>.<\/p>\n

We\u2019d love to hear your feedback. <\/span><\/p>\n

\"Image<\/a><\/p>\n

TypeScript autocomplete in Sublime 3 for Angular 2<\/em><\/p>\n

We\u2019re looking forward to releasing a beta of TypeScript 1.5 in the coming weeks, and along with it, growing TypeScript\u2019s tooling support to include more development styles and environments. \u00a0We’d also like to give a huge thanks to Brad, Igor, Mi\u0161ko on the Angular team for being great partners. \u00a0Special shout out to Yehuda Katz, who helped us design the annotation+decorator proposal which helped make this work possible.\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

We’re excited to unveil the result of a months-long partnership with the Angular team. This partnership has been very productive and rewarding experience for us, and as part of this collaboration, we’re happy to announce that Angular 2 will now be built with TypeScript. \u00a0We’re looking forward to seeing what people will be able to […]<\/p>\n","protected":false},"author":377,"featured_media":1797,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-333","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-typescript"],"acf":[],"blog_post_summary":"

We’re excited to unveil the result of a months-long partnership with the Angular team. This partnership has been very productive and rewarding experience for us, and as part of this collaboration, we’re happy to announce that Angular 2 will now be built with TypeScript. \u00a0We’re looking forward to seeing what people will be able to […]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/typescript\/wp-json\/wp\/v2\/posts\/333","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/typescript\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/typescript\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/typescript\/wp-json\/wp\/v2\/users\/377"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/typescript\/wp-json\/wp\/v2\/comments?post=333"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/typescript\/wp-json\/wp\/v2\/posts\/333\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/typescript\/wp-json\/wp\/v2\/media\/1797"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/typescript\/wp-json\/wp\/v2\/media?parent=333"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/typescript\/wp-json\/wp\/v2\/categories?post=333"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/typescript\/wp-json\/wp\/v2\/tags?post=333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}