angular双向数据绑定

时间 2019-11-19

原文原文链接

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