zoukankan      html  css  js  c++  java
  • angular Scope(作用域)

    AngularJS应用程序是由View、Model、Controller三部分组成。Scope是一个对象,可以包含方法和属性,用于视图和控制器上面,是视图和控制器的纽带,在创建controller的时候将$scope对象作为一个参数传递。如下:

    <div ng-app="demo" ng-controller="demoController">

    <h1>{{carName}}</h1>

    </div>

    <script>

    var app=angular.module("demo",[]);

    app.controller("demoController",function($scope){

    $scope.carName="Volvo";

    });

    </script>

    当在控制器中添加$scope对象的时候,视图可以获取这些属性,而且在视图中不需要添加$scope前缀。

    根作用域

    所有的应用都有一个$rootScope,它可以作用在ng-app指令包含的所有html元素中。,可以用于整个应用中,是各个scope的桥梁,用rootScope定义的值,可以在各个controller中使用。

    <div ng-app="demo" ng-contolller="mycontroller">

    <h1>{{lastname}} 's numbers</h1>

    <ul>

    <li ng-repeat="x in names">{{x}}</li>

    </ul>

    </div>

    <script>

    var app=angular.module("demo",[]);

    app.contoller("mycontroller",function($scope,$rootScope){

    $scope.names=['li','zhang','zhao'];

    $rootScope.lastname=“china”;

    });

    </script>

  • 相关阅读:
    WSL2
    坐标系变换
    Python websocket
    PAJ7620 IIC 通信
    Python中assert的使用
    Python中循环的使用
    Linux 生成指定大小文件
    SVN不显示log 显示1970年问题
    阿里云 CS实例 开机自运行脚本文件
    生成UDS安全算法DLL文件
  • 原文地址:https://www.cnblogs.com/VARForrest/p/7773493.html
Copyright © 2011-2022 走看看