zoukankan      html  css  js  c++  java
  • 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的数据;

  • 相关阅读:
    浮点数
    opencv笔记-GFTTDetector
    有向图与关联矩阵
    亚像素角点
    字符串格式化输出
    字符串表示与转换
    Bresenham算法
    罗德里格斯公式
    模型调参
    jave 逻辑运算 vs 位运算 + Python 逻辑运算 vs 位运算
  • 原文地址:https://www.cnblogs.com/Jerry-spo/p/6368552.html
Copyright © 2011-2022 走看看