diff --git a/public/docs/js/latest/guide/displaying-data.jade b/public/docs/js/latest/guide/displaying-data.jade index 90ceffdc4b..b249074f4f 100644 --- a/public/docs/js/latest/guide/displaying-data.jade +++ b/public/docs/js/latest/guide/displaying-data.jade @@ -40,28 +40,26 @@ p To see this working, create another file, show-properties.ts, and add the following: code-tabs - code-pane(language="javascript" name="TypeScript" format="linenums" escape="html"). + code-pane(language="javascript" name="TypeScript" format="linenums"). // TypeScript - import {Component, View, bootstrap, For} from 'angular2/angular2'; + import {Component, View, bootstrap} from 'angular2/angular2'; @Component({ selector: 'display' }) @View({ template: ` - <p>My name: {{ myName }}</p> - `, - directives: [For] + <p>My name: {{ myName }}</p> + ` }) class DisplayComponent { myName: string; - names: Array<string>; constructor() { this.myName = "Alice"; } } - code-pane(language="javascript" name="ES5" format="linenums" escape="html"). + code-pane(language="javascript" name="ES5" format="linenums"). // ES5 function DisplayComponent() { this.myName = "Alice"; @@ -72,8 +70,7 @@ }), new angular.ViewAnnotation({ template: - '<p>My name: {{ myName }}</p>', - directives: [angular.For, angular.If] + '<p>My name: {{ myName }}</p>' }) ]; @@ -106,12 +103,12 @@ While you've used template: to specify an inline view, for larger templates you'd want to move them to a separate file and load them with templateUrl: instead. - p So you can see Angular dynamically update content, add a line after + p To see Angular dynamically update content, add a line after code-example(language="html" escape="html").

My name: {{ myName }}

- p to this: + p add this: pre.prettyprint.lang-html code. <p>Current time: {{ time }}</p> diff --git a/public/docs/js/latest/guide/setup.jade b/public/docs/js/latest/guide/setup.jade index fa46f8ae84..a39e6534c5 100644 --- a/public/docs/js/latest/guide/setup.jade +++ b/public/docs/js/latest/guide/setup.jade @@ -44,7 +44,6 @@ <!DOCTYPE html> <html> <head> - <link rel="stylesheet" href="style.css"> <script src="https://jspm.io/system@0.16.js"></script> <script src="https://code.angularjs.org/2.0.0-alpha.22/angular2.dev.js"></script> </head> @@ -143,8 +142,8 @@ p. The root component's job is to give a location in the index.html file where your application will - render through it's element, in this case <my-app>. There is also nothing special about this - element name and you can pick it as you like. + render through its element, in this case <my-app>. There is also nothing special about this + element name; you can pick it as you like. p. The root component loads the initial template for the application that will load other components to perform