基于angularjs的单页面实例_angularjs的到底怎么用的？angularjs的框架实例详细解析（附完整实例）...

本篇文章介绍了angularjs的框架知识点汇总，里面有完整的实例，还有完整标签的详细解释。接下来就让我们一起来看这篇文章吧

1. AngularJS是什么？

它是Google开发的一款具有MVC结构的前端框架。在Angular应用中，视图层就是DOM，控制器就JavaScript类，模型数据存储在对象属性中。

2. 数据绑定

通过声明界面的某一部分映射到 JavaScript 的属性，让他们自动的同步，这种编程方式就是数据绑定。不需要对字段注册监听器，就可以做到对象属性与界面显示同步变化。

3. 依赖注入

不需要重新创建对象，将需要使用的对象$scope或$loaction按照以下方式注入到构造函数中。这就是依赖注入。function HelloController($scope, $location) {

$scope.greeting = { text: 'Hello' };

// use $location for something good here...

}

4. 指令

框架的核心层有一个强大的 DOM 转换引擎，可以让你 扩展HTML语法。HTML中的ng-controller是用来指定哪个控制器来服务哪个视图，ng-model将一个输入框绑定到模型部分。

我们称这些叫HTML扩展指令。

5. 依据示例解释各个标签

Your Shopping Cart

Your Order

{ {item.title}}

{ {item.price | currency}}

{ {item.price * item.quantity | currency}}

Remove

function CartController($scope) {

@formatter:off

$scope.items = [{

title : 'Paint pots',

quantity : 8,

price : 3.95

}, {

title : 'Polka dots',

quantity : 17,

price : 12.95

}, {

Title : 'Pebbles',

quantity : 5,

price : 6.95

}];

@formatter:on

$scope.remove = function(index) {

$scope.items.splice(index, 1);

};

}

依照上面的代码，对关键内容做个解释：

1)