Angular 控制器（Controllers）

不止三岁

于 2019-10-24 13:00:10 发布

阅读量1.3k

点赞数 1

分类专栏：前端 AngularJS

本文链接：https://blog.csdn.net/YYece/article/details/102717243

版权

本文介绍了AngularJS中的控制器，包括其功能、如何初始化$scope对象、添加行为，以及如何正确使用控制器避免过多职责。强调了控制器不应进行DOM操作，而应利用数据绑定、指令和服务。同时，讨论了Scope的继承机制，展示了不同层级控制器如何共享和覆盖属性。

摘要由CSDN通过智能技术生成

什么是控制器

在angularJS中，controller是一个javascript函数/类，用于操作作用域中，各个对象的初始状态以及相应的行为。

在HTML中，绑定ng-controller的那个DOM节点内的所有子标签，将会是当前controller的作用域。在大型项目中,如果HTML DOM 中有多个作用域，这时你就需要知道你使用的 scope 对应的作用域是哪一个。

使用controller可以初始化$scope作用域对象、为作用域对象添加行为

初始化 $scope 对象

<!DOCTYPE html>
<html ng-app="myApp">

<body>
    <div ng-controller="GreetingController">
        {
  { greeting }}
    </div>
    <script src="../angular.min.js"></script>
    <script>
        var myApp = angular.module("myApp", []);

        myApp.controller("GreetingController", [
            "$scope",
            function ($scope) {
                $scope.greeting = "Hola!";
            }
        ]);
    </script>
</body>

</html>

在以上案例