【AnjularJS系列5】scopes、module、controller

时间 2019-12-09

标签 AnjularJS系列5 scopes module controller 繁體版

原文原文链接

第五篇， scopes、module、controller html

这一篇，感受，在前面几篇就使用过的属性，但，总以为没有理解透彻，有待完善！~app

一、scopes函数

A、定义：$scope是一个把view（一个DOM元素）连结到controller上的对象htm

B、解释： $scope 实际上就是一个JavaScript对象，controller和view均可以访问它，因此咱们能够利用它在二者间传递信息。对象

在这个 $scope 对象里，咱们既存储数据，又存储将要运行在view上的函数。ip

C、 $rootScope作用域

每个Angular应用都会有一个 $rootScope。angular

这个 $rootScope 是最顶级的scope，它对应着含有 ng-app 指令属性的那个DOM元素。module

用rootscope定义的值，能够在各个controller中使用，也能够赋值给scope。方法

二、module

在<html>标签上多了一个属性ng-app=”MyApp”，它的做用就是用来指定ng的做用域是在<html>标签之内部分。

在js中，咱们调用angular对象的module方法来声明一个模块，模块的名字和ng-app的值对应。这样声明一下就能够让ng运行起来了。

示例：

var demoApp = angular.module('demoApp', []);

三、controller

ng-controller指令给所在的DOM元素建立了一个新的$scope 对象，

<div ng-controller="MyController"> {{ person.name }} </div>