angularjs调用另一个控制器的功能

时间:2016-04-11 14:43:31

标签: javascript html angularjs monaca

我有一个带有以下ons-items的ons-list:

<ons-list-item style="font-family:roboto;font-size:17px" ng-class="{'selected-menu':selectedRow==0,'no-selected':selectedRow!=0}"
        modifier="tappable" class="list__item__line-height"
        onclick="app.slidingMenu.setMainPage('principal.html', {closeMenu: true})"
        ng-click="principal(0)">
        <i class="fa fa-home fa-lg"></i>
        &nbsp;Principal
</ons-list-item>

<ons-list-item style="font-family:roboto;font-size:17px" ng-class="{'selected-menu':selectedRow==1,'no-selected':selectedRow!=1}"
        modifier="tappable" class="list__item__line-height"
        onclick="app.navi.pushPage('ingreso.html', { animation : 'slide' } );app.slidingMenu.closeMenu()"
        ng-click="principal(1)">
        <i class="fa fa-car fa-md"></i>
        &nbsp;Nuevo Registro
</ons-list-item>

等...

我有一个名为principal()的函数,它所做的是更改“$ scope.selectedRow”,以便项目更改类。我需要访问该功能,所以我可以从另一个控制器更改类,我从其他问题检查一些答案,但我没能做到正确,有没有办法来实现这个?

这是我的principal()函数:

$scope.principal = function(item){
    $scope.selectedRow = item;
}

2 个答案:

答案 0 :(得分:0)

在您正在使用的控制器中添加该功能。而不是像这样给按钮点击

ng-click="principal(item)"

答案 1 :(得分:0)

正如SSH所建议的那样,我最终使用了广播,所以我得到的是:

声明我的控制器:

module.controller('Ingreso', ['$scope','$rootScope',function($scope,$rootScope){

在其内部广播事件:

$rootScope.$broadcast("ingresing");

并从菜单控制器(相同的声明):

module.controller('Principal', ['$scope','$rootScope', function($scope,$rootScope) {

并听取briadcasted事件:

$rootScope.$on("ingresing", function(){
    $scope.selectedRow = 1;
}); 

非常感谢您的帮助!