[英]AngularJS directive: '&' in isolated scope isn't working as expected
我正在尝试将控制器中的方法传递给我的指令。 这就是我这样做的方式:
在控制器中:
$scope.getEmployees = function()
{
return {2: 'Jane', 3: 'Bob', 4: 'Smith'};
}
$scope.getSelected = function()
{
return 3;
}
在视图/ HTML中:
<mydirective data-placeHolder="Choose an employee.."
data-getOpts="getEmployees()" data-getSelected="getSelected()" />
在指令中:
var dir =
{
restrict: 'E',
templateUrl : 'views/mydirective.html',
scope: {
placeholder: '@',
getSelected: '&',
getOpts: '&'
},
controller: ['$scope', '$element', '$attrs',
function($scope, $element, $attrs)
{
console.log( $scope.getOpts() );
}],
};
MyApp.directive('mydirective', function()
{
return dir;
});
但是,指令控制器中的以下行:
console.log( $scope.getOpts() );
生成undefined而不是返回控制器的getEmployees()
函数中的对象或函数集。
我究竟做错了什么?
它与命名约定有关。 您需要将驼峰大小写转换为破折号分隔的单词
data-get-opts="getEmployees()"
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.