AngularJS中的$ scope是什么？

AngularJS中的$ scope是什么？

每个控制器都有一个关联的

$scope

对象。

控制器（构造函数）功能负责设置模型属性和功能。这只能通过$
scope来完成。无论您在View（HTML文件）中应用的任何功能或模型，都可以在控制器中使用范围进行访问。

只有在$ scope对象上定义的方法才能从HTML /视图访问。示例-来自ng-click，过滤器等

现在，让我们一一列举您的示例–

1。

 function MyController($scope) { $scope.username = 'World'; };

在上面的示例中，您定义了任何名为username的属性，其值均为“ World”。假设在html文件中，您具有以下代码行–

<div ng-controller="MyController"><h1>{{data.username}}</h1></div>

这将自动从控制器获取值并将其显示在屏幕上。值得注意的是“数据”。标记中的是html页面可以引用该控制器的控制器的名称。这通常是在控制器内或html文件顶部定义的。

2。

$scope.sayHello = function() {$scope.greeting = 'Hello ' + $scope.username + '!';};

这是您在控制器中定义的功能，您可以通过以下代码在视图中进行访问–

<div ng-controller="MyController"><h1>{{data.greeting}}</h1></div>

在这里，data.greeting将自动从sayHello函数中选择值，即显示的值为“ Hello
World”。用户名中的“世界”之前与“你好”串联在一起。

我希望这可以消除您的疑问。:)