AngularJS 实例(一)--数据双向绑定
2017-02-18 00:00
603 查看
AngularJS 实例(一)--数据双向绑定
AngularJS 表达式
AngularJS 表达式写在双大括号内:{{ expression }}。AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙。
AngularJS 将在表达式书写的位置"输出"数据。
AngularJS 表达式 很像 JavaScript 表达式:它们可以包含文字、运算符和变量。
实例 {{ 5 + 5 }} 或 {{ firstName + " " + lastName }}
代码部分
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<script src="js/angular.min.js"></script>
</head>
<body>
<div ng-app="" ng-init="first='John'">
<p>名字 : <input type="text" ng-model="name1"></p>
<p>名字 : <input type="text" ng-model="name2"></p>
<h1>Hello {{name}}</h1>
<p>姓名1:<span ng-bind="name1*name2"></span></p>
<p>姓名:{{first}}</p>
<p>{{4+4}}</p>
</div>
</body>
</html>
相关文章推荐
- AngularJS双向数据绑定实例
- 实例剖析AngularJS框架中数据的双向绑定运用
- 实例剖析AngularJS框架中数据的双向绑定运用
- AngularJS 双向数据绑定详解简单实例
- AngularJs双向数据绑定原理
- angularjs学习笔记之双向数据绑定
- 从一段.html代码说起谈谈AngularJs中的双向数据绑定
- AngularJS学习笔记(三)数据双向绑定的简单实例
- AngularJS双向绑定和依赖反转实例详解
- Android中的数据绑定框架DataBinding(对比AngularJS双向数据绑定很好理解)
- AngularJs 特性 之 双向数据绑定
- AngularJs中的双向向数据绑定(MVVM)与表单处理相关指令
- 使用AngularJS开发商城-(使用AngularJS的双向数据绑定机制)
- 3、AngularJs的双向数据绑定
- AngularJS(2)——AngularJS数据双向绑定
- AngularJS--双向数据绑定
- AngularJS双向数据绑定案例
- AngularJs 在ng-repeat中动态使用ng-model进行双向数据绑定
- angularjs中$http、$location、$watch及双向数据绑定学习实现简单登陆验证
- 2.vue.js实例:双向数据绑定实例