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

Angular简单例子

2015-09-10 11:13 786 查看 
<<!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
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航