angularjs的基本使用

最新推荐文章于 2021-03-17 18:16:14 发布

sdfujichao

最新推荐文章于 2021-03-17 18:16:14 发布

阅读量311

点赞数 1

分类专栏： angularJS 文章标签： angularJS angularJS的事件双向绑定

本文链接：https://blog.csdn.net/sdfujichao/article/details/51940932

版权

angularJS 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

编写一个简单的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>