angular的数据绑定

来源：互联网发布：封面ps软件编辑：程序博客网时间：2024/06/05 00:36

可以用可以绑定多种数据类型，数组，json数据。

<!DOCTYPE html><html><head><meta charset="utf-8" /><title></title><script src="js/angular.min.js"></script><style type="text/css"></style></head><!--都可以在ng-前加上data 例如 data-ng-app  data-ng-model 都是angular的指令 ng-init 定义了初始化 {{表达式}} 对内容进行解析 将值绑定到HTML中--><body ng-app=""> <div id="box"   ng-init="sdfujichao"><!-- 变量之间的定义用分号隔开--><input type="text" ng-init="text='sdfujichao';age=30"  value="" />输入的内容是：<p ng-bind="text"></p><input type="text" ng-bind="text" value="" /><p>{{age}}</p><!--可以绑定json数据 --><div ng-init="person={name:'zhangsan',age:30}"></div><p>{{person.name}}</p><p>{{person.age}}</p><!--可以绑定数组--><div ng-init="arr=['sdfujichao','shandong']"></div><p ng-bind="arr[0]"></p><p ng-bind="arr[1]"></p></div></body><script type="text/javascript"></script></html>

0 0