Angular简单例子

最新推荐文章于 2022-02-13 14:07:52 发布

zylzl123

最新推荐文章于 2022-02-13 14:07:52 发布

阅读量476

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/zylzl123/article/details/48340537

版权

前端专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<<!DOCTYPE html>
<html>
<head>
	<title>Angular应用</title>
	<meta charset="UTF-8">
	<script type="text/javascript" src="angular-1.0.1.min.js"></script>
</head>
<body ng-app="myapp" ng-controller="myctrl">
<h2>我的笔记</h2>
<textarea ng-model="message" col="40" row="10"></textarea>
<button ng-click="save()">保存</button>
<button ng-click="clear()">清空</button>
<p>剩余字数</p>{{100-message.length}}
<script type="text/javascript">
	angular.module('myapp',[]).controller('myctrl',function($scope){
		$scope.message="";
		$scope.save=function(){alert("note saved")};
		$scope.clear=function(){$scope.message="";}
	});
</script>
</body>
</html>

常用命令:ng-app,ng-controller,ng-model,ng-include 常用事件ng-click 数据显示{{}}，初始化一般在scope中

总结常用命令：http://www.runoob.com/angularjs/angularjs-reference.html