AngularJS 作用域(Scope)

原创于 2016-06-28 17:33:29 发布 · 515 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#angular

AngularJS学习专栏收录该内容

9 篇文章

订阅专栏

本文介绍了AngularJS中scope的作用及使用方法。scope是连接HTML视图与Angular控制器间的数据传输枢纽，它包含了应用程序中可用的变量与方法。通过实例展示了如何在控制器中设置变量并在视图中显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

scope是HTML 视图与Angular控制器之间的数据传输枢纽．

scope包含应用程序中可用的变量与方法

HTML视图和控制器都可以访问scope

怎样使用scope?

当创建一个控制器时，就会将$scope作为参数传递．

<div ng-app="myApp" ng-controller="myCtrl">
    <h1>{{carname}}</h1>
</div>

<script>
    angular.module('myApp', []).controller('myCtrl', function ($scope) {
        $scope.carname = 'BMW';
    })
</script>

理解scope：

当我们创建一个AngularJS应用程序时，则该应用程序符合MVC设计原理．

View－HTML元素

Model－给当前视图提供数据

Controller－一些JS函数，可对数据进行创造，修改，删除等

而我们所说的scope属于Model.