我已经创建了一个用于创建具有搜索功能的下拉菜单的指令。 在此指令中，我使用了一个名为“searchSearchBtn”的标志，基于此我显示了一个按钮。
好吧，让我展示一下我的代码，为了一个清晰的思路，
Angular Directive(指令)
angObj.directive('largeListSearch', function(domainReports){
return {
restrict: 'AE',
scope:{
selectedObj:"=",
listColumns: "=",
showSearchBtn:"="
},
template: '...'+
'<input style="width: 350px;" class="dropdown-toggle inactive dd_txt" ng-model="selectedObj.name" id="campaignDropdown" title="{{selectedObj.name}}" placeholder="{{selectedObj.name }}" />'+
'<input type="button" value="Search" id="element" style="display: none" data-ng-click="filterDropDown()" />'+
'...',
link: function ($scope, element, attrs) {
$scope.filter = function(val) = {
//Logic to filter the campaigns
}
$scope.originalCampaingList = $scope.$parent.campaigns;
//Check the status and load the function accordingly for the campaigns list
if(attrs.showSearchBtn === "true") {
$scope.filterDropDown = function(){
//Function to filter the searched campaign
$scope.filter(val);
};
}else{
$scope.$watch('selectedObj.name', function(oldValue, newValue){
console.log(oldValue + " "+ newValue);
if(oldValue === newValue) {
return;
}
//Function to filter the searched campaign
$scope.filter(val); /HERE Could not able to call the filter function, Is it that, we can not call a function inside $scope.$watch
}
});
}
}
}
});
我的问题:无法调用 $scope.$watch 中的函数
最佳答案
当你调用$scope.filter(val)时，当前范围内没有变量val。您需要为 val 指定一个值。也许你的意思是 $scope.filter($scope.selectedObj)？
关于javascript - 在 $scope.$watch 中调用一个函数，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27084763/