微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

AngularJS笔记示例

我的笔记示例:

<!DOCTYPE html>
<html>
<head>
<Meta charset="utf-8">
<title>AngularJS笔记</title>

</head>
<body ng-app="myApp">

<div ng-controller="myCtrl"> 

<h2>我的笔记</h2>

<p><!--开源中国bug<textarea-0 ng-model="message" cols="40" rows="10"></textarea-0>开源中国bug--></p>

<p>
<button ng-click="save()">保存</button>
<button ng-click="clear()">清除</button>
</p>

<p>剩余字数:<span ng-bind="left()"></span></p>

</div>

<script src="angular.min.js"></script>

<script>
var app = angular.module("myApp",[]);
app.controller("myCtrl",function($scope){
	$scope.message = "";
	$scope.left = function() {return 100 - $scope.message.length;};
	$scope.clear = function() {$scope.message = "";};
	$scope.save = function() {alert("保存");};
});
</script>

</body>
</html>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐