离子 - 离子导航按钮点击不起作用

时间:2015-02-14 14:52:57

标签: ionic-framework ionic

我完全按照记录(离子视图的直接后代)添加了一个离子导航按钮,并添加了一个未触发的ng-click事件。

知道为什么吗?

我附上了这个问题的一个问题。

http://plnkr.co/edit/cZ9wDlhJJzebBr1WR3rT?p=preview

谢谢! URI

<ion-view title="Dashboard">
  <ion-nav-buttons side="right">
    <button class="button" ng-click="alert('signup btn clicked');">
      Signup
    </button>
  </ion-nav-buttons>
  <ion-content class="has-header padding">
    <h1>Ionic scroll</h1>
    <p>On iphone tapping slightly above or below text doesn't open keyboard.</p>
    <input type="text" name="name" style="border: 1px solid grey;">
  </ion-content>
</ion-view>

2 个答案:

答案 0 :(得分:3)

那是因为在DashController中没有函数alert(...); ng-click =“alert('xx')被翻译为$ scope.alert('xx');

所以如果你在DashController中创建:

$scope.alert = function(text) {
  alert(text);
}

它会起作用。

答案 1 :(得分:1)

这个答案适用于那些想知道为什么即使在Controller中编写函数后ng-click也无法工作的人。请检查您是否提到了控制器,如下所示:

$stateProvider
  .state('dashboard', {
    url: '/',
    templateUrl: 'dashboard.html',
    controller: 'DashController'
  })