深入AngularJs(1)

来源：互联网发布：淘宝秒杀群运营系统编辑：程序博客网时间：2024/06/16 11:01

angularJS被称为前端的MVC可以这样理解：

View(视图), 即 HTML。
Model(模型), 当前视图中可用的数据。
Controller(控制器), 即 JavaScript 函数，可以添加或修改属性。

1.解释：【这里面是对实例的解释】

AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。

AngularJS 通过 ng-directives 扩展了 HTML。

ng-app 指令定义一个 AngularJS 应用程序。【它告诉angular，<div>元素是应用程序的所有者】

ng-model 指令把元素值（比如输入域的值）绑定到应用程序。【把输入域的值绑定到应用程序变量name】

ng-bind 指令把应用程序数据绑定到 HTML 视图。

ng-init 指令是初始化angular应用程序变量

ng-controller定义了控制器

angular模块Module定义了angularjs应用

ng-repeat 指令对于集合中（数组中）的每个项会克隆一次 HTML 元素。

实例：

<span style="font-size:14px;"><!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title></title></head><body>    <div ng-app=''>    <p><input type="text" ng-model='name'></p><h1>{{name}}</h1><div ng-init="firstName='John'"><p>姓名为 <span ng-bind="firstName"></span></p></div>    </div><script src='angular.js'></script></body></html></span>

2.表达式

AngularJS 表达式写在双大括号内：{{ expression }}

类似于 JavaScript 表达式，AngularJS 表达式可以包含字母，操作符，变量。

与 JavaScript 表达式不同，AngularJS 表达式可以写在 HTML 中。

与 JavaScript 表达式不同，AngularJS 表达式不支持条件判断，循环及异常。

与 JavaScript 表达式不同，AngularJS 表达式支持过滤器。

3.应用

$scope

　scope是angularJS中的作用域(其实就是存储数据的地方)，很类似javascript的原型链。搜索的时候，优先找自己的scope，如果没有找到就沿着作用域链向上搜索，直至到达根作用域rootScope。每个模块只会有1个rootScope

0 0