angularjs scope 作用域详解——迹忆客-ag捕鱼王app官网

scope(作用域) 是应用在 html (视图) 和 javascript (控制器)之间的纽带。

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

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

如何使用 scope

当你在 angularjs 创建控制器时，你可以将 $scope 对象当作一个参数传递，看下面的示例，控制器中的属性对应了视图上的属性：

当在控制器中添加 $scope 对象时，视图 (html) 可以获取了这些属性。

视图中，你不需要添加 $scope 前缀, 只需要添加属性名即可，如： {{carname}}。

scope 概述

angularjs 应用组成如下：

view(视图), 即 html。 model(模型), 当前视图中可用的数据。 controller(控制器), 即 javascript 函数，可以添加或修改属性。 scope 是模型。

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

angularjs 实例

如果你修改了视图，模型和控制器也会相应更新：

    
    
    点我    

 

scope 作用范围

了解你当前使用的 scope 是非常重要的。

在以上两个实例中，只有一个作用域 scope，所以处理起来比较简单，但在大型项目中， html dom 中有多个作用域，这时你就需要知道你使用的 scope 对应的作用域是哪一个。

当我们使用 ng-repeat 指令时，每个重复项都访问了当前的重复对象:

    
{{x}}

每个

    
{{x}} {{lastname}}