前端之家收集整理的这篇文章主要介绍了
AngularJS 简单应用实例,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
AngularJS 应用
现在是时候创建一个真正的 AngularJS 单页 Web 应用(single page web application,SPA)了。
AngularJS 应用实例
您已经学习了足够多关于 AngularJS 的知识,现在可以开始创建您的第一个 AngularJS 应用程序:
应用程序讲解
AngularJS 实例
<
Meta charset="utf-8">
<script src="myNoteCtrl.js">
@H_
502_44@
运行结果:
剩余字数:100
应用程序文件 "myNoteApp.js":
控制器文件 "myNoteCtrl.js":
元素是 AngularJS 应用: ng-app="myNoteApp" 的容器:
是 HTML
页面中控制器:
ng-model 指令绑定了
两个 ng-click 事件调用了控制器函数 clear() 和 save():
<button ng-click="clear()">Clear
ng-bind 指令绑定控制器函数 left() 到 ,用于显示剩余字符:
Number of characters left:
应用库文件需要在 AngularJs 加载后才能执行: