angular双向数据绑定

html文件中：ng-model="ctrl.neFile" 这里绑定的是保存数据的变量；真正用到的数据是
写在js文件中的，这样写的：self.neFile = data.fileInput.val();
具体的实现方式是：在self.neFile = data.fileInput.val()中获取到所需要的数据，然后
，将数据保存在变量中，再去html文件中绑定。

 

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

自己理解的如下：

ng-model这个指令是用来把元素的值绑定到应用程序上的，也就是说，用户在输入框输入任何的值，angualr都会把它获取到，然后把它保存在yourName这变量中，然后将这个变量用ng-model同步绑定到angular表达式上。这样一来，在

Hello, {{ yourName }}!这里就能显示输入框中的数据了。

书中的解释如下：

对页面上的"yourName"这个model进行双向数
在{{ yourName }}这个指令模板上显示"yourName"这个model的数据；

posted on 2017-02-05 21:03  大娃二娃  阅读(112)  评论(0)  编辑  收藏  举报

导航