AngularJS 快速入门

Posted 2020-09-15 动漫引擎

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