AngularJS(四)双向数据绑定

数据绑定是AngularJS框架在视图(DOM元素)与作用域之间建立的数据同步机制。所谓“双向”,是指界面的操作能够实时同步到作用域中,作用域中的数据修改也能够实时回显到界面中。

作用域可以被视为一个容器,里面有一些基于key-value的数据。

1. ng-model指令

<!DOCTYPE html>

<html ng-app>

<head>

<meta charset="utf-8">

<title>ch02_02</title>

</head>

<body>

<div>用户名: <input type="text" ng-model="uname"></div>

<div>{{uname}}</div>

<script type="text/javascript" src="../../angular-1.5.5/angular.js"></script>

</body>

</html>

2. 原理

AngularJS应用遇到ng-app指令时就会创建一个名为$rootScope的作用域,该作用域为AngularJS的根作用域

var $rootScope = {uname:"叔叔"};

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容