从Angular指令内的ng-click中调用父控制器中的方法

知道不多

我已经写了这个应用程序

http://plnkr.co/edit/pXUCkT?p=info

在这里,我尝试从我的angular指令内的ng-click事件中调用在父控制器中定义的方法

var app = angular.module('ExampleApp2', ['ngRoute']);
app.config(function($routeProvider){
    $routeProvider
        .when('/page1', {templateUrl: 'page1.html', controller: 'page1Controller'})
});
app.directive('sidebar', function() {
    return {
        restrict: 'E',
        scope: {
            items: '=',
            onclick: '&'
        },
        templateUrl: 'menu.html'
    };
});

app.controller('page1Controller', function($scope){
    $scope.currentselection=3;
    $scope.items = [{tname: 'test1', sel: 1}, {tname: 'test2', sel: 2}, {tname: 'test3', sel: 3}];
    $scope.onclick = function(i) {
        alert(i);
    };
});

此方法已成功调用...但是参数未定义。为什么我无法通过参数?

尚德马尼

你的混蛋不工作。我可以建议尝试像这样在模板中调用方法

onclick({i:item.sel}) 或者 onclick(item.sel)

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

当父控制器ng-click指令被调用时,我们如何调用子控制器?

当我也使用指令控制器时,从指令中调用控制器方法。

来自其他控制器的指令控制器中的调用方法

方法确实在父视图控制器中调用,但方法内的逻辑从不采取任何措施

从AngularJS的父控制器调用指令的方法

Angular指令调用父控制器函数

指令ng-click不会调用控制器

ng-click指令未调用控制器功能

使用父控制器方法调用测试Angular

Angular-在子指令的控制器中获取父指令的控制器(不是链接功能)

在控制器中调用angular $ setValidity

如何在Angular 1.6.7的子组件中调用父控制器函数

将ng-click指令中的数据传递到控制器中的函数中

$ watch控制器指令中的方法

如何在父控制器中访问指令的对象?

angular js指令中相同的“ controller as”名称破坏了父控制器中的功能

如何在指令中访问子控制器和父控制器?

在javascript函数的指令中定义的控制器中调用方法

子控制器中的Angular父范围值

AngularJS指令:将控制器中的函数附加到ng-click

如何在Angular JS的子控制器中访问父控制器数据

从指令中的链接调用控制器功能

从带有参数的指令中调用控制器函数

AngularJS:从我的指令中调用控制器函数

如何从指令中调用控制器功能

我可以从控制器调用的角度指令中的功能

AngularJS:在更改事件中从指令下拉列表中使用参数调用控制器方法

指令控制器中的角度调用控制器功能

Angular JS:如何在Angular指令中从控制器的链接内部调用函数