我认为我的语法正确,所以我不明白这个错误的来源。
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>
答案 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