zoukankan      html  css  js  c++  java
  • 【AnjularJS系列5】scopes、module、controller

    第五篇, 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>  

  • 相关阅读:
    CentOS升级Python 2.6到2.7
    ps命令使用 进程查看
    MySQL导入sql脚本 导出数据库
    html php 重定向 跳转 刷新
    Linux查看可执行程序所在路径
    解决phpMyAdmin“登录超时 (1440 秒未活动),请重新登录”的问题
    怎样选购冲锋衣
    常见排序算法及其java实现
    java开发环境搭建
    【转】与BT下载相关的概念
  • 原文地址:https://www.cnblogs.com/alwaysblog/p/6227235.html
Copyright © 2011-2022 走看看