AngularJS十一月份问题总结

2022-07-09 13:04:01

①angular中的事件广播 PS:地址

在angular中存在作用域的继承，继承作用域符合 JavaScript 的原型继承机制，在 AngularJS 中，作用域原型链的顶端是$rootScope，AnguarJS 将会寻找到$rootScope 为止，如果还是找不到，则会返回 undefined。

$on(name,handler) 注册一个事件处理函数，该函数在特定的事件被当前作用域收到（从父级或者子级作用域）时将被调用。

②控制器之间通信

$emit(name,args) 向当前父作用域发送一个事件，直至根作用域。子传父

$broadcast(name,args) 向当前作用域下的子作用域发送一个事件。父传子

name表示事件名称，args表示事件传播的数据，handler表示在接受到传递时要执行的回调，该回调中有event参数，表示事件，有如下方法：

            event.targetScope  //获取传播事件的作用域
            event.currentScope //获取接收事件的作用域
            event.name //传播的事件的名称
            event.stopPropagation() //阻止事件进行冒泡传播,仅在$emit事件中有效
            event.preventDefault() //阻止传播事件的发生  
            event.defaultPrevented //如果调用了preventDefault事件则返回true

注意：参数name相同时，父子控制器之间才可以传值

这种方式不可实现兄弟级传值，不过可以使用父级控制器作为中介，先由子控制器传值给父控制器，然后再由父控制器传递给另外的子控制器。

在angular中服务是一个单例，所以在服务中生成一个对象，该对象就可以利用依赖注入的方式在所有的控制器*享。例：

 var app=angular.module("app",[]);
    app.controller(‘myCtrl‘, [‘$scope‘,‘appService‘,function ($scope,appService) {
        appService.name="hi!!"
    }]);
    app.controller(‘myCtrl1‘, [‘$scope‘, ‘appService‘,function ($scope,appService) {
        $scope.name=appService.name;
    }]);
    app.service("appService", [function(){
        this.name="hello";
    }]);

通过在appService这个服务中添加对象，然后在需要用到的控制器中，通过依赖注入的方式导入该服务，在myCtrl控制器中修改这个对象，在myCtrl1中也会得到修改过后的值。

这个方法我尝试并没有效果，可能我的打开方式不正确。。。。

③angular中循环的小问题

ng-repeat 相当于 vue v-for

$index 可以充当下标 v-for="(item,index) in items" ,一个从零开始的计数器。

④依赖注入