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的数据;

  • 相关阅读:
    springMVC中添加<mvc:resource>时的问题
    package
    mybatis 解决属性名和字段名不一致
    Linux常用命令
    Hibernate下载
    Hibernate初识
    js根据身份证获取出生年月日
    spring-Boot 热部署
    Struts2---动态action以及应用
    Struts2基础
  • 原文地址:https://www.cnblogs.com/Jerry-spo/p/6368552.html
Copyright © 2011-2022 走看看