Angularjs 指令函数参数未定义

指令模板URL:

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

指令用法：

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

解决方案：

指令模板URL:

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

指令用法：

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

---

您的姓名已被切换：

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!" });
}

---

你的问题是什么？对不起。我的问题是，为什么在我的父控制器中，我试图控制数据，但它没有定义？因为您没有在

change visualization=“onchange visualization（）”

OK中传递任何数据，有些进展，但我如何才能在ng click中获得参数传递的数据？谢谢你，伙计！当通过ng click调用对象时，我没有通过参数传递对象！

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)"/>

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!" });
}

<!-- with the prefixed 'on-' -->
<aside-filter on-change-visualization="onChangeVisualization(option)" />

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