角度指令指控制器

时间:2014-12-01 15:45:11

标签: angularjs

我认为我的语法正确,所以我不明白这个错误的来源。

TypeError:undefined不是函数

指令第13行发生此错误:var refresh = scope.reloadFunction()。

我没有正确指向getCampaignData吗?

指令:

1    angular.module('sysomos.ads').directive('sysReportResubmit', ['$api', '$alerts',
2       function ($api, $alerts) {
3           return {
4               restrict: 'A',
5               scope: {
6                   reloadFunction: '&'
7               },
8               link: function (scope, element) {
9                   element.on('click', function (e) {
10                      $api.put('', 'myAPICall').
11                          success(function (data, status, headers, config) {
12                              scope.results = data;
13                              var refresh = scope.reloadFunction();
14                              refresh.then(function () {**
15                                  $(target).removeClass('panel-loading');
16                              }
17                          });
18                      }).
19                  }
20              }
21          });
22      };
23    }

控制器

1    angular.module('sysomos.ads').controller('AudienceDetailsController', AudienceDetailsController);
3    AudienceDetailsController.$inject = ['$scope', '$api', '$http','$state', '$q', '$filter', '$modal', 'AudienceListsService'];
3    function AudienceDetailsController($scope, $api, $http, $state, $q, $filter, $modal, AudienceListsService) {
4       $scope.**getCampaignData** = function(){
5           // reload page data
6       }
7    }

HTML模板

1    <section id="details" ng-controller="AudienceDetailsController">
2       <a
3           class="tabflowButton" reload-function="getCampaignData" sys-report-resubmit>
4               Resubmit
5       </a>
6    </section>

1 个答案:

答案 0 :(得分:0)

这里的问题是&引用了一个表达式。

传递函数名称需要大括号:

<section id="details" ng-controller="AudienceDetailsController">
  <a class="tabflowButton" reload-function="getCampaignData()" sys-report-resubmit>Resubmit</a>
</section>

此视频确实有助于理解隔离范围: https://egghead.io/lessons/angularjs-understanding-isolate-scope