angularjs - 角度组件和＆amp;捆绑

我的代码：

<html ng-app="myApp">
<head>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js"></script>
     <script src="js/components/appComponent.js"></script>
 </head>

<body>
   <foo callback="$ctrl.myCallback()"></foo>   
</body>

</html>

appComponent.js

(function(){
  'use strict';
  var app = angular.module('myApp',[]);

  app.component('foo', {

    bindings: {
      callback: '&'
     },

    templateUrl: '/js/components/appComponent.html',
    controller: function () {
      this.callback=function(){
        console.log('Hello!');
      }
    }
  });
})();

appComponent.html

<div ng-click="$ctrl.myCallback()">
  Press me!
</div>

为什么ng-click不会触发$ ctrl.callback（）？此外，callback="$ctrl.myCallback()"应该做什么？恐怕我误解了它的概念。

角度组件和＆amp;捆绑

0 个答案: