angular雙向數據綁定

html文件中:ng-model="ctrl.neFile" 這裏綁定的是保存數據的變量;真正用到的數據是
寫在js文件中的,這樣寫的:self.neFile = data.fileInput.val();
具體的實現方式是:在self.neFile = data.fileInput.val()中獲取到所須要的數據,而後
,將數據保存在變量中,再去html文件中綁定。html

 

<body>
    <div>
      <input type="text" ng-model="yourName" placeholder="Enter a name here">
      <h1>Hello, {{ yourName }}!</h1>
    </div> 
</body>

本身理解的以下:spa

ng-model這個指令是用來把元素的值綁定到應用程序上的,也就是說,用戶在輸入框輸入任何的值,angualr都會把它獲取到,而後把它保存在yourName這變量中,而後將這個變量用ng-model同步綁定到angular表達式上。這樣一來,在code

Hello, {{ yourName }}!這裏就能顯示輸入框中的數據了。

書中的解釋以下:htm

對頁面上的"yourName"這個model進行雙向數
在{{ yourName }}這個指令模板上顯示"yourName"這個model的數據;blog