动漫引擎

导航

AngularJS 快速入门

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等等)

 

posted on 2017-05-02 02:15  动漫引擎  阅读(118)  评论(0编辑  收藏  举报