Question

我有绑定问题。示例：在一个组件视图中，我有属性 NG-点击=＆＃34; $ ctrl.onDelete＆＃34;在这个控制器中我有关于删除的绑定选项：＆＃39;＆amp;＆＃39; ，在另一个控制器视图中，我有属性上删除=＆＃34; $ ctrl.deleteSomething（）＆＃34; 在这个视图控制器中，我的功能如下：this.deleteSomething（）。

那么为什么这些东西不起作用呢。如果我明白了 - 当我点击＆＃34; ng-click＆＃34; - 我调用的功能在我的控制器中不存在，但绑定到我的应用程序中的某些属性。所以我的点击找到这个属性名称并从本地控制器调用这个属性定义函数？

     function CalendarSlotController($scope, $element){


         }


        mod.component('calendarSlot', {
        bindings: {
        onDelete: '&'  },
        controller: CalendarSlotController

        });





       function CalendarSlotFormController($scope, $element){

       var ctrl = this;

       ctrl.deleteSomething = function(){

       alert(10);

       var test = 2-2;
       }

       }


      mod.component('calendarSlotForm', {

      controller: CalendarSlotFormController

      });

HTML：

  <calendar-slot day=weekDay.name slots=$ctrl.slots>
  <button ng-lick="$ctrl.onDelete">onDelete</button>
  </calendar-slot>

  <calendar-slot-form on-delete="$ctrl.deleteSomething()">
  </calendar-slot-form>

代码链接：http://plnkr.co/edit/KpEXtgtZqEySBReV5ecq

AngularJS Components绑定函数（来自另一个控制器的调用函数）

0 个答案: