Question

下面的代码在屏幕的底部有一个tab（作为页脚上的按钮），其函数将从输入中获取ng-model的值。但它会返回undefined，而我也会在button上使用相同的代码对其进行测试，然后输出预期的结果。

我想知道为什么？

查看

<ion-tabs class="tabs-positive tabs-icon-left">
  <ion-tab title="Submit Ticket" ng-click="sayHello(send)">

       <label class="item item-input">
         <input type="text" ng-model="send.subject">
       </label>  

    <button ng-click="sayHello(send)">
                Submit Message
    </button>

  </ion-tab>
</ion-tabs>

控制器

 $scope.sayHello = function(send) {
    alert(send);
  }

Answer 1

因为当你点击ion-tab时你已经调用了sayHello函数，它将发送一个未定义的值。

你应该删除其他ng-click

    <ion-tabs class="tabs-positive tabs-icon-left">
    <ion-tab title="Submit Ticket">
        <label class="item item-input">
           <input type="text" ng-model="send.subject">
         </label>
        <button ng-click="sayHello(send)">Submit Message</button>
    </ion-tab>
</ion-tabs>

Ion-Tabs无法获得ng-model的值

1 个答案: