从标签内的按钮调用函数

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

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