JavaScript 函数

风中雨荷

在 AngularJS 中，控制器是一个 JavaScript 函数，用于增强视图的功能。它通常与视图（HTML）相关联，并负责准备视图所需的数据，以及定义视图的行为。控制器可以使用 $scope 对象来与视图共享数据。
以下是一个简单的 AngularJS 控制器示例：
HTML 文件 (index.html):
html
ksnbj.com/3Ew9I
3361111.com/4Kk1A
bigarto.com/5Kk6E
wwdiy.com/1Pa6H
xaweimeijz.com/2Rq6V
gmjgm.cn/7Fh2R
tvanet.cn/2Ks5M
ger-sh.cn/9Jn8R
  
  
  
AngularJS 控制器示例  
  
  
  
欢迎 {{ name }}!

  
打招呼  
{{ greeting }}
  

  
  
  

JavaScript 文件 (app.js):
javascript
var myApp = angular.module('myApp', []);  
myApp.controller('MyController', function($scope) {  
// 初始化数据  
$scope.name = 'AngularJS 用户';  
$scope.greeting = '';  
// 定义方法  
$scope.sayHello = function() {  
$scope.greeting = '你好，' + $scope.name + '!';  
};  
});
在这个示例中：
我们创建了一个名为 myApp 的 AngularJS 应用。
我们定义了一个名为 MyController 的控制器。这个控制器接受 $scope 作为参数，它是一个对象，用于在控制器和视图之间共享数据。
在控制器中，我们初始化了两个 $scope 属性：name 和 greeting。name 属性用于显示用户的名字，greeting 属性用于存储打招呼的消息。
我们还定义了一个方法 sayHello，它会在用户点击“打招呼”按钮时被调用。这个方法会更新 greeting 属性的值，以显示一条打招呼的消息。
在 HTML 视图中，我们使用 ng-controller 指令来指定 MyController 作为当前作用域的控制器。我们使用插值表达式 {{ name }} 和 {{ greeting }} 来显示 $scope 上的数据。我们还使用 ng-click 指令来调用 sayHello 方法。
当用户加载页面时，他们会看到初始的欢迎消息和一个按钮。当点击按钮时，控制器中的 sayHello 方法会被调用，并更新 greeting 的值，从而在视图中显示新的打招呼消息。
这个示例展示了如何在 AngularJS 中使用控制器来管理视图中的数据和行为。控制器可以包含任意数量的属性和方法，用于与视图进行交互。

来源：
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！