博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【AnjularJS系列5】scopes、module、controller
阅读量:4979 次
发布时间:2019-06-12

本文共 768 字,大约阅读时间需要 2 分钟。

第五篇, scopes、module、controller 

这一篇,感觉,在前面几篇就使用过的属性,但,总觉得没有理解透彻,有待完善!~

1、scopes

A、定义:$scope是一个把view(一个DOM元素)连结到controller上的对象

B、解释: $scope 实际上就是一个JavaScript对象,controller和view都可以访问它,所以我们可以利用它在两者间传递信息。

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

C、 $rootScope

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

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

用rootscope定义的值,可以在各个controller中使用,也可以赋值给scope。

2、module

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

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

示例:

<html ng-app="demoApp">

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

3、controller 

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

   <div ng-controller="MyController"> {

{ person.name }} </div>  

转载于:https://www.cnblogs.com/alwaysblog/p/6227235.html

你可能感兴趣的文章
sql 查看数据库环境及一些参数
查看>>
jQuery----blur()方法
查看>>
FFmpeg命令详解
查看>>
`ln`命令创建软链接错误
查看>>
mysqlDOS命令
查看>>
jquery $(document).ready() 与window.onload的区别
查看>>
day13_自动抽取数据——监控存储过程
查看>>
[转]http返回头中content-length与Transfer-Encoding: chunked的问题释疑
查看>>
display:table / display:table-cell 用法
查看>>
UITableView优化
查看>>
iOS 点击事件传递及响应
查看>>
谷歌应用商城打开
查看>>
Oracle RMAN备份
查看>>
实时监听输入框值变化的完美方案:oninput & onpropertychange
查看>>
【C】枚举用例分析
查看>>
Python中几种数据的常用内置方法
查看>>
安卓点击事件语法
查看>>
NOIP2012模拟赛第三弹
查看>>
7.22武汉日全食自拍留念
查看>>
[转帖]mimikatz 学习
查看>>