iSharkFly-Docs
/
angular-docs-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

docs(displaying-data): Reworked the intro para styles.

This commit is contained in:
Naomi Black 2015-04-19 14:35:53 -07:00
parent 2f15f05325
commit ff146ceaa2
1 changed files with 17 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
public/docs/js/latest/guide/displaying-data.jade
View File

@ -1,23 +1,25 @@
p.
Mission: You should be able to display data from both properties and lists from a component’s controller to the
view.
.l-main-section .l-main-section
h2#section-examples Examples:
ul
li
a(href='http://plnkr.co/edit/pQojSb3CTfTEejX0wGjO?p=preview') TypeScript
li
a(href='http://plnkr.co/edit/GOJiWOEem9jrOyEeY3uW?p=preview') ES5
p. p.
Displaying data is job number one for any good application. In Angular, you bind data to elements in HTML <strong>Mission:</strong> By the end of this chapter, you should be able to display data from both properties and
templates and Angular automatically updates the UI as data changes. lists from a component’s controller to the view.
p. p.
Let's walk through how we'd display a property, a list of properties, and then conditionally show content Displaying data is job number one for any good application. In Angular, you bind data to elements in HTML
based on state. templates and Angular automatically updates the UI as data changes.
p. p.
We'll end up with a UI that looks like this: Let's walk through how we'd display a property, a list of properties, and then conditionally show content
based on state.
p.
We'll end up with a UI that looks like this:
div(align='center') div(align='center')
img(src='displaying-data-example1.png') img(src='displaying-data-example1.png')
.l-sub-section
h3#section-examples Examples:
ul
li
a(href='http://plnkr.co/edit/pQojSb3CTfTEejX0wGjO?p=preview') TypeScript
li
a(href='http://plnkr.co/edit/GOJiWOEem9jrOyEeY3uW?p=preview') ES5
.l-main-section .l-main-section
h2#section-create-an-entry-point Create an entry point h2#section-create-an-entry-point Create an entry point