diff --git a/public/docs/js/latest/quickstart.jade b/public/docs/js/latest/quickstart.jade
index 42bf890150..c1c93ab306 100644
--- a/public/docs/js/latest/quickstart.jade
+++ b/public/docs/js/latest/quickstart.jade
@@ -95,8 +95,8 @@ p.
@Component({
selector: 'my-app'
})
- @Template({
- inline: '<h1>Hello {{ name }}</h1>'
+ @View({
+ template: '<h1>Hello {{ name }}</h1>'
})
// Component controller
class MyAppComponent {
@@ -106,28 +106,22 @@ p.
}
.l-sub-section
- h3 Component annotations
+ h3 @Component and @View annotations
p.
- A component annotation provides metadata about the component.
- An annotation can be identified by its at-sign (@).
+ A component annotation describes details about the component. An annotation can be identified by its at-sign (@).
p.
- The @Component annotation defines
- the HTML tag for the component by specifying the component's CSS selector.
+ The @Component annotation defines the HTML tag for the component by specifying the component's CSS selector.
p.
- The @Template annotation defines the HTML that
- represents the component. This component uses an inline template,
- but you can also have an external template. To use an external template,
- specify a url property
- and give it the path to the HTML file.
+ The @View annotation defines the HTML that represents the component. The component you wrote uses an inline template, but you can also have an external template. To use an external template, specify a templateUrl property and give it the path to the HTML file.
pre.prettyprint.linenums
code.
@Component({
selector: 'my-app' // Defines the <my-app></my-app> tag
})
- @Template({
- inline: '<h1>Hello {{ name }}</h1>' // Defines the inline template for the component
+ @View({
+ template: '<h1>Hello {{ name }}</h1>' // Defines the inline template for the component
})
p.