지침 기능 매개 변수가 정의되지

Question

지침 템플릿 URL :

<div class="filter-input" ng-click="changeVisualization('trocaparaeste')"> 

지침 :

app.directive('asideFilter', function() { 
return { 
    restrict: 'E', 
    scope: { 
    categories: "=", 
    change: "&onChange", 
    changeVisualization: '&onChangeVisualization' 

    }, 
    templateUrl: 'assets/directives/asideFilter/asideFilter.html', 
    controller: function($scope){ 
    } 
}; 
});; 

지침 사용 : 파라미터 데이터를 얻으려고 노력 메신저

<aside-filter change-visualization="onChangeVisualization()"/> 

컨트롤러 :

$scope.onChangeVisualization = function(option) { 
    console.log('option', option); 
    } 

해결책 :

지침 템플릿 URL :

<aside-filter on-change-visualization="onChangeVisualization(option)"/> 

지침 :

app.directive('asideFilter', function() { 
    return { 
    restrict: 'E', 
    scope: { 
     categories: "=", 
     change: "&onChange", 
     changeVisualization: '&onChangeVisualization' 

    }, 
    templateUrl: 'assets/directives/asideFilter/asideFilter.html', 
    link: function(scope){ 
     // pass 'option' variable so it can be used in the callback 
     scope.changeVisualization({ option: "worked!" }); 
    } 
    }; 
});; 

지침 사용 : 당신은 당신의 이름은 전환이

<aside-filter change-visualization="onChangeVisualization(option)"/> 

Answer 1

:

scope: { 
    // prefixed with 'on' 
    // so usage: <my-directive on-change-visualization="someFunc(option)"/> 
    changeVisualization: '&onChangeVisualization' 
}, 
// example: 
link: function($scope) { 
    scope.changeVisualization = scope.changeVisualization || angular.noop; 

    // pass 'option' variable so it can be used in the callback 
    scope.changeVisualization({ option: "worked!" }); 
} 

그리고 당신의 HTML 변경 :

$scope.onChangeVisualization = function(option) { 
    console.log('option', option); // logs: 'option worked!' 
}