首页 / ANGULAR / AngularJS --- Scope

AngularJS --- Scope

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了AngularJS --- Scope，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1152字，纯文字阅读大概需要2分钟。

内容图文

scope（作用域）是应用在 HTML（视图）和 JavaScript（控制器）之间的纽带。

Scope是一个对象，有可用的方法和属性。

Scope 可应用在视图和控制器上。

Scope 是模型。

Scope 是一个JavaScript 对象，带有属性和方法，这些属性和方法可以在视图和控制器中使用。 

             1
            <
            div 
            ng-app
            ="myApp"
             ng-controller
            ="myCtrl"
            >
             2
            <
            input 
            ng-model
            ="name"
            >
             3
            <
            h1
            >{{greeting}}</h1> 4<button ng-click="sayHello()">点我</button> 5</div> 6<script> 7var app = angular.module(‘myApp‘,[]);
 8          app.controller(‘myCtrl‘,function($scope){
 9               $scope.name="zhouli";
10               $scope.sayHello =function(){
11                    $scope.greeting =‘Hello ‘+ $scope.name +‘!‘;
12               };
13          });
14</script>

 

rootScope 可作用于整个应用中，是各个 controller 中 scope 的桥梁。用 rootscope 定义的值，可以在各个contrller中使用。

 

             1
            <
            div 
            ng-app
            ="myApp"
             ng-controller
            ="myCtrl"
            >
             2
            <
            h1
            >{{lastName}}</h1> 3<ul> 4<li ng-repeat="x in names">{{x}} {{lastName}}</li> 5</ul> 6</div> 7<script> 8var app = angular.module(‘myApp‘,[]);
 9          app.controller(‘myCtrl‘,function($scope,$rootScope){
10               $scope.names = [‘Email‘,‘Tobias‘,‘Linus‘];
11               $rootScope.lastName =‘Refsnes‘;
12          });
13</script>

 

原文：http://www.cnblogs.com/caicaidandan/p/6686027.html

内容总结

以上是互联网集市为您收集整理的AngularJS --- Scope全部内容，希望文章能够帮你解决AngularJS --- Scope所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1110383.html

来源：【匿名】