Live examples and formatting.

This commit is contained in:
David East 2015-04-21 17:01:09 -07:00
parent bee30ca1ad
commit d3f8fb741a
2 changed files with 28 additions and 19 deletions

View File

@ -1,7 +1,4 @@
.l-main-section .l-main-section
p.
<strong>Mission:</strong> By the end of this chapter, you should be able to display data from both properties and
lists from a components controller to the view.
p. p.
Displaying data is job number one for any good application. In Angular, you bind data to elements in HTML 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. templates and Angular automatically updates the UI as data changes.
@ -14,7 +11,9 @@
img(src='displaying-data-example1.png') img(src='displaying-data-example1.png')
.l-sub-section .l-sub-section
h3#section-examples Examples: h3#section-examples Live Examples
p.
If you want to skip the working examples you can check out these links on Plunker.
ul ul
li li
a(href='http://plnkr.co/edit/pQojSb3CTfTEejX0wGjO?p=preview') TypeScript a(href='http://plnkr.co/edit/pQojSb3CTfTEejX0wGjO?p=preview') TypeScript

View File

@ -22,6 +22,16 @@
pre.prettyprint.lang-bash pre.prettyprint.lang-bash
code python -m SimpleHTTPServer 8000 code python -m SimpleHTTPServer 8000
.l-sub-section
h3#section-examples Live Examples
p.
If you want to skip the working examples you can check out these links on Plunker.
ul
li
a(href='http://plnkr.co/edit/MRz2i7sjupzxERPAa3SF?p=preview') TypeScript
li
a(href='http://plnkr.co/edit/wzzKo4etk24t0oAnL6ep?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
p. p.