Angular.js基本概念和用法--(一双向数据绑定)

上一章节:Angular.js基本概念和用法--(一路由、模块、依赖注入)

这个双向数据绑定指的是从数据模型到视图,从视图到数据模型之间的双向绑定。

前面介绍过AngularJS是一个MVC框架,我们在操作的时候主要是通过控制器进行操作的,让控制器去修改数据模型,然后数据模型的变更会反映到视图上。

内容简介

1.最简单的例子

2.取值表达式与ng-bind指令

3.双向数据绑定的典型场景

4.动态切换标签样式

5.ng-show和ng-hide

6.ng-class

7.ngAnimate

一、最简单的例子

Angular.js基本概念和用法--(一双向数据绑定)_第1张图片

还是原来这个例子,当你狂刷页面的时候,你会发现,页面会闪现出双花括号。那这种情况该怎么解决呢?很简单AngularJS提供了ng-bind指令。


这样的话即使网络不好也不会出现双花括号了,那么什么时候用{{}}什么时候用ng-bind呢?

一般在首页index.html用ng-bind来绑定,因为要{{}}生效,必须等到所有的模块通过

你可能感兴趣的:(Angular,AngularJS)