AngularJS笔记示例

发布时间：2020-12-17 10:03:49 所属栏目：安全来源：网络整理

导读：我的笔记示例： !DOCTYPE htmlhtmlheadmeta charset="utf-8"titleAngularJS笔记/title/headbody ng-app="myApp"div ng-controller="myCtrl" h2我的笔记/h2p!--开源中国bugtextarea-0 ng-model="message" cols="40" rows="10"/textarea-0开源中国bug--/ppbutt

我的笔记示例：

<!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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!