您的位置：首页 > Web前端 > AngularJS

Cordova学习笔记引入及初步使用angularjs

2017-03-04 15:23 316 查看

1. 下载加载 angular.js 库
2. 使用 ng-app 指令告诉 angular 应该管理 DOM 中的哪一些部分

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title>test</title>
<script src="js/angular.js"></script>
</head>
<body>
<div ng-app=""><!--ang-app 指令告诉 AngularJS， <div> 元素是 AngularJS 应用程序 的"所有者"-->
<div>
name:<input name="name" ng-model="name"/> <!--ng-model 指令把输入域的值绑定到应用程序变量 name-->
</div>
<div ng-bind="name"></div><!--指令把应用程序变量 name 绑定到某个段落的 innerHTML。-->
`name`<!--这里与上面的model建立了数据双向绑定  {{}}等同于 ng_bind-->
</div>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： angular

相关文章推荐

新的分享

章节导航

Cordova学习笔记 引入及初步使用angularjs

Cordova学习笔记引入及初步使用angularjs