ons-button 和 angular：ng-click 不工作

Question

这是我的 js 代码：

var application = angular.module('app', ['onsen']);

application.controller('ItemController',function($scope){
    $scope.local = [];
    $scope.loadPresentation = function(id){};
}

这是我的名单：

<ons-list id ="list" style="margin:0px;padding:0px;" ng-controller="ItemController">
  <ons-list-item modifier="chevron" ng-repeat="item in local">
    <ons-carousel  style="height: 100%;width :100%;position: absolute;left: 0;top: 0;" swipeable initial-index="1" auto-scroll>

      <ons-carousel-item class="list-action-menu">
        <ons-button modifier = "quiet" ng-click="menu.setMainPage('default.html', {closeMenu: true, callback: function(){loadPresentation(0);}});">
          {{item.name}}
        </ons-button>
      </ons-carousel-item>

      <ons-carousel-item class="list-action-menu">
        <ons-button ng-click="local.splice($index, 1);runtime.local=local">
          Remove
          <ons-icon icon="ion-trash-a">
        </ons-button>
      </ons-carousel-item>

    </ons-carousel>
  </ons-list-item>
</ons-list>

第二个按钮工作正常，但第一个旋转木马项目中的第一个 ng-click 没有触发，但是当我使用 onclick 时它与作用域外的功能一起工作。

Answer 1

ng-click 需要 Angular 个表达式，这意味着 function declarations are not allowed。只需在您的控制器中创建回调，然后 link 从您的视图中创建它：

$scope.myCallback = function(){
   $scope.loadPresentation(0);
};

ng-click="menu.setMainPage('newpage.html', {closeMenu: true, callback: myCallback});".

希望对您有所帮助。

编辑：带参数的回调

$scope.customSetMainPage = function(params) {
   $scope.menu.setMainPage('newpage.html', {
     callback: function() {
       console.log(params);
     }
   });
};

ons-button 和 angular：ng-click 不工作

ons-button and angular : ng-click not working

angularjs

onsen-ui