zoukankan      html  css  js  c++  java
  • ng-bind与ng-medol 区别

    双向绑定,一般来说是这样

    <input ng-model="object.xxx">
    <span ng-bind="object.xxx"></span>


    ng-bind是从$scope -> view的单向绑定,也就是说ng-bind是相当于{{object.xxx}},是用于展示数据的。
    ng-modle是$scope <-> view的双向绑定

    AngularJS中显示模型中的数据有两种方式:

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

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

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

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

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

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

  • 相关阅读:
    常见设计模型
    Python多版本编译安装&修改Python默认启动版本
    环境变量
    关于Bash命令的一些理解
    Sublime安装激活
    Python虚拟环境搭建
    Deepin Bug记录
    Deepin的使用感受
    代码实现Win+Key
    link
  • 原文地址:https://www.cnblogs.com/qiuqiunile/p/7262025.html
Copyright © 2011-2022 走看看