四时宝库

程序员的知识宝库

逆袭之路系列-AngularJS 1.2版本编程入门-01

一. 前提

IDE:WebStorm 2019.3.3 x64

Books:AngularJS1.2.CHM

Chrome Plugins:ng-inspector

二. 语法知识点

1. 双向数据绑定

ng-model:双向数据绑定,数据可实现从视图(View)<==>模型(Model)双向流动;

{{}}:该取值表达式,仅是单向数据绑定,实现了模型(Model==>视图(View)的数据展示;

ng-bind:等同于{{}}表达式,实现数据从$scope -> view的单向绑定;

三. 代码样例

ng-model 取值样例:



{{}} 表达式样例:



ng-bind样例:



四. 学习总结

1、{{}}表达式与ng-bind:从$scope => view的单向绑定,也就是说ng-bind是相当于{{作用域对象.属性}},是用于展示数据的;

2、ng-modle:$scope <=> view 的双向绑定;

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接