主題：
一個能夠跑起來的頁面，神奇的效果，無需一樣JS代碼！
效果圖：
細節：
當然，這里甚至連登陸都沒做，只是看到神奇的當輸入用戶名或者密碼的時候，下面的預覽區域也會有相應的更改。沒有一行的JS代碼！
為什么會這樣，這里不多說，指的我們必須注意的一些細節：
body元素上加了一個ng-app的屬性，在input上加了ng-model以及在預覽區"{{username}}"這樣的東東，其他的什么都沒。
1、啟動方式：
一個angular應用是跑起來的“入口”，有兩方式：
（1）在元素上添加ng-app指令（暫時無需關心什么意思）；ng-app可以有屬性值（ng-app="app"），這樣的話就需要咱們去寫一個名為app的module了，后續詳解。
（2）不去指定ng-app，通過JS代碼執行：angular.bootstrap(element, ['模塊名'...])，一樣也是可以啟動的
2、大概過程
由於在這里我們只是加了一個ng-app，但是沒指定名字，所以angular默認會幫助我們創建一個。。
input元素上的ng-model指令，指定的名字其實是掛在一個叫scope（暫時不去關心什么東東）的對象上的，也就是scope.username=輸入框的值；
然后在下面的預覽區域，用了{{}}，也叫插值表達式，里面的值是scope上的一個屬性username，渲染出來的結果就是input的value值，這里就是angular神奇的地方之一，他實現了雙向綁定，所以當咱們更改input的值得時候，scope.username就會發生改變，然后在插值表達式的地方就會相應的綁定，也就是說view綁定了model，model綁定了view，不管是view還是model更改了，相對應的都會一起更改。
結束語：
細節暫時不用去糾結，這只是開始。。
本篇源碼：https://github.com/dolymood/angular-example/tree/ls_1
歡迎吐槽