从标签内的按钮调用功能

Question

我已经开始使用Ionic 1开发一个小应用程序。

在这里，我使用ionic-datepicker外部插件作为我的应用的日期选择器。

我需要将标签内的按钮放在输入字段的同一行

中

 <label class="item item-input">
       <input type="text" ng-model="newEvent.date" placeholder="{{date}}">
       <button class="button button-full button-positive" ng-click="openDatePicker()">
           Date
      </button>   
  </label>

我需要放置这样的元素。但是在这里，函数不会调用。但是当我在标签标签外放置相同的按钮时，它可以工作。

为什么？我怎样才能实现呢？

Answer 1

label元素拦截click事件并聚焦相关输入。我建议你在div元素中包装标签和按钮。