【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>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。