zoukankan      html  css  js  c++  java
  • angularjs之ng-bind和ng-model

    1、为什么其他标签可以用ng-bind ,而input标签要用ng-model

    这就是所谓的数据双向绑定,input是用于用户输入的,数据要从View传输到Controller中,而{{}}和ng-bind是用于从controller中得到数据然后显示在view中的

    2、{{}}和ng-bind的区别

    在angularjs中限制模型中的数据有两种方式:

    一种是使用花括号插值的方式:

    <p>{{text}}</p>
    

    另一种是使用基于属性的指令,叫做ng-bind:

    <p ng-bind="text"></p>
    

    这两种方式的效果都是一样的,其主要区别在于,使用花括号语法时,在AngularJS使用数据替换模板中的花括号时,第一个加载的页面,通常是应用中的index.html,其未被渲染的模板可能会被用户看到。而使用第二站方法的视图不会遇到这种问题。

    原因是,浏览器需要首先加载index.html页面,渲染它,然后AngularJS才能把它解析成你期望看到的内容。

    所以,对于index.html页面中的数据绑定操作,建议采用ng-bind。那么在数据加载完成之前用户就不会看到任何内容。

  • 相关阅读:
    服务注册中心之Eureka使用
    微服务之服务注册中心
    Idea热部署功能
    微服务Cloud整体聚合工程创建过程
    微服务架构理论&SpringCloud
    关于母函数
    HDU 1028(母函数)整数划分
    1021 FIBERNACI
    1019
    1014 巧妙的gcd 生成元
  • 原文地址:https://www.cnblogs.com/dfghjkl/p/5461179.html
Copyright © 2011-2022 走看看