AngularJS 中的 $Scope 是什么？带函数的教程（示例）

AngularJS 中的 $scope 是什么？

AngularJS 中的 $scope 是一个内置对象，它基本上绑定了“控制器”和“视图”。可以在控制器的范围内定义成员变量，然后视图可以访问这些变量。

请考虑以下示例：

angular.module('app',[]).controller('HelloWorldCtrl'
	function($scope)
	{
		$scope.message = "Hello World"
	});

代码说明：

模块名称为“app”
控制器的名称是“HelloWorldCntrl”
范围对象是用于将信息从控制器传递到视图的主要对象。
成员变量已添加到范围对象

设置或添加行为

为了对事件做出反应或在视图中执行某种计算/处理，我们必须为范围提供行为。

行为被添加到范围对象以响应视图可能触发的特定事件。一旦在控制器中定义了行为，视图就可以访问它。

让我们看一个例子来了解如何实现这一点。

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta chrset="UTF 8">
    <title>Guru99</title>     
</head>  
<body ng-app="DemoApp">
<h1> Guru99 Global Event</h1>
<script src="https://code.angularjs.org/1.6.9/angular.js"></script>
<div ng-controller="DemoController">
	{{fullName("Guru","99")}}
</div>
<script type="text/javascript">  
	var app = angular.module("DemoApp", []);
	app.controller("DemoController", function($scope) {
    
    $scope.fullName=function(firstName,lastname){
		return firstName + lastname;
		}
	} );
</script> 

</body>  
</html>

代码说明：

我们正在创建一个名为“fullName”的行为。此行为是一个接受 2 个参数（firstName、lastname）的函数。
然后，行为返回这两个参数的连接。
在视图中，我们调用行为并传入 2 个值“Guru”和“99”，这两个值作为参数传递给行为。

如果命令成功执行，则在浏览器中运行代码时将显示以下输出。

输出：

在浏览器中，你会看到 Guru 和 99 的值串联起来，它们被传递给调节器.

结语

可以将各种成员变量添加到范围对象，然后可以在视图中引用这些变量。
可以添加行为来处理因用户执行的操作而生成的事件。
这个 AngularJS $rootScope 是整个应用程序的作用域。一个应用程序只能有一个 $rootScope，其用法与全局变量类似。在 Angular JS 中，$scopes 是子作用域，$rootScope 是父作用域

AngularJS 中的 $Scope 是什么？带函数的教程（示例）

AngularJS 中的 $scope 是什么？

设置或添加行为

结语

总结一下这篇文章：

注册简报