diff --git a/public/_includes/_banner.jade b/public/_includes/_banner.jade index 61de75cac2..5cdba9685d 100644 --- a/public/_includes/_banner.jade +++ b/public/_includes/_banner.jade @@ -1,4 +1,6 @@ -content = banner ? banner : intro - -.banner - p.text-body !{content} \ No newline at end of file +if banner + .banner + p.text-body !{banner} +else if intro + .banner + p.text-body !{intro} \ No newline at end of file diff --git a/public/docs/dart/latest/guide/_data.json b/public/docs/dart/latest/guide/_data.json index 2a00b4acf8..4f0d82b970 100644 --- a/public/docs/dart/latest/guide/_data.json +++ b/public/docs/dart/latest/guide/_data.json @@ -1,5 +1,6 @@ { "_listtype": "ordered", + "setup": { "title": "Getting Started" }, @@ -9,8 +10,10 @@ }, "displaying-data": { - "title": "Displaying Data" + "title": "Displaying Data", + "intro": "Displaying data is job number one for any good application. In Angular, you bind data to elements in HTML templates, and Angular automatically updates the UI as data changes." }, + "user-input": { "title": "User Input" }, diff --git a/public/docs/dart/latest/guide/_layout.jade b/public/docs/dart/latest/guide/_layout.jade index b53b63a3aa..47ae9f9319 100644 --- a/public/docs/dart/latest/guide/_layout.jade +++ b/public/docs/dart/latest/guide/_layout.jade @@ -7,9 +7,7 @@ html(lang="en" ng-app="angularIOApp") != partial("../../../../_includes/_main-nav") != partial("../../../../_includes/_docs-nav") != partial("../../../../_includes/_hero") - - if banner - != partial("../../../../_includes/_banner") + != partial("../../../../_includes/_banner") article.l-content-small.grid-fluid.docs-content(ng-non-bindable) != yield diff --git a/public/docs/dart/latest/guide/displaying-data-example1.png b/public/docs/dart/latest/guide/displaying-data-example1.png index c5e2c15114..1deab4650a 100644 Binary files a/public/docs/dart/latest/guide/displaying-data-example1.png and b/public/docs/dart/latest/guide/displaying-data-example1.png differ diff --git a/public/docs/dart/latest/guide/displaying-data.jade b/public/docs/dart/latest/guide/displaying-data.jade index 76021c1111..93b3b3a26d 100644 --- a/public/docs/dart/latest/guide/displaying-data.jade +++ b/public/docs/dart/latest/guide/displaying-data.jade @@ -1,14 +1,9 @@ .l-main-section - p. - Displaying data is job number one for any good application. - In Angular, you bind data to elements in HTML - templates, and Angular automatically updates the UI as data changes. p. Let's walk through how to display a property and a list of properties, and then to conditionally show content - based on state. - p. - The final UI looks like this: + based on state. The final UI looks like this: + figure.image-display img(src='displaying-data-example1.png') diff --git a/public/docs/js/latest/guide/_layout.jade b/public/docs/js/latest/guide/_layout.jade index 9be604fcb3..c91aa807f5 100644 --- a/public/docs/js/latest/guide/_layout.jade +++ b/public/docs/js/latest/guide/_layout.jade @@ -7,8 +7,7 @@ html(lang="en" ng-app="angularIOApp") != partial("../../../../_includes/_main-nav") != partial("../../../../_includes/_docs-nav") != partial("../../../../_includes/_hero") - if intro || banner - != partial("../../../../_includes/_banner") + != partial("../../../../_includes/_banner") article.l-content-small.grid-fluid.docs-content(ng-non-bindable) != yield