码迷,mamicode.com
首页 > Web开发 > 详细

AngularJS 快速入门

时间:2017-05-02 10:13:24      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:price   需要   control   使用   示例   建立   变量   ***   moc   

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 快速入门

标签:price   需要   control   使用   示例   建立   变量   ***   moc   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!