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

angularjs的基本使用

2016-07-18 12:27 369 查看
编写一个简单的angularjs的程序。介绍了ng-app指令的作用和ng-model的作用ng-bind作用。 事件的双向绑定。事件的双向绑定的理解：angular是使用MVC模式的，就是model和view和controller，我们运行程序时会出现界面，我们改变输入框中的值就是改变了vew，view的改变就会引起model的改变，同事model的改变也是得model控制的view改变（一个model可能控制着好几个view的展示）

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/angular.min.js"></script>
<style type="text/css">

</style>
</head>
<!--
ng-app的指令是定义了angularjs所管理的范围，只有在此范围中的菜起作用
ng-app指令在页面加载完时会自动引导应用程序
定义了一个应用程序，一个程序一般就一个ng-app
-->
<body ng-app="">
<div id="box">
<!--ng-model指令将html元素绑定到应用程序中-->
<input type="text" ng-model="text" />
<input type="text" ng-model="text" />
<!--ng-bind指令把应用程序中的数据绑定到p标签中-->
输入的内容是：<p ng-bind="text"></p>
输入的内容是：<p ng-bind="text"></p>
<p>{{text}}</p>
</div>
</body>
<script type="text/javascript">

</script>
</html>


内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航