现在是时候创建一个真正的 AngularJS 单页 Web 应用(single page web application,SPA)了。 AngularJS 应用实例您已经学习了足够多关于 AngularJS 的知识,现在可以开始创建您的第一个 AngularJS 应用程序:
应用程序讲解AngularJS 实例<html ng-app="myNoteApp"> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body>
<div ng-controller="myNoteCtrl">
<h2>我的笔记</h2>
<p><textarea ng-model="message" cols="40" rows="10"></textarea></p>
<p> <button ng-click="save()">保存</button> <button ng-click="clear()">清除</button> </p>
<p>Number of characters left: <span ng-bind="left()"></span></p>
</div>
<script src="myNoteApp.js"></script> <script src="myNoteCtrl.js"></script>
</body> </html> 应用程序文件 "myNoteApp.js": var app = angular.module("myNoteApp", []); 控制器文件 "myNoteCtrl.js": |