首页 > Web开发 > 详细

AngularJS 快速入门

时间:2017-05-02 09:20:26      阅读:300      评论:0      收藏:0      [点我收藏+]

AngularJS 快速入门

示例代码:

 

* 建立一个空页面
* 扩充成为最简单的angularjs页面
* 修改页面标题
* 加入ng的库
* 定义项目app的名称,
* 必须是按照 MVC模式的要求, 建立基本框架, 分别定义项目所需要Model, View, Control:
*** 数据模块: DataService.js
*** controller模块: demoController.js
*** 改造DOM模板为NG风格的: index.html

* 如何把数据显示到页面上
在页面上显示 商品的名称, 价格和数量: 海尔电视, 2000, 2台,
(数据来自变量 item1 = { name: "海尔电视", price: 2000, quantity: 2}
** 先在DataService中定义数据,
** 通过Controller提供给DOM,
** 在DOM中使用它
用的是NG的自动数据绑定
(不用JQuery, 也不用document.getElementById等等)

 

AngularJS 快速入门

原文:http://www.cnblogs.com/GameEngine/p/6794424.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!