如何将按钮上的值绑定到我的 ng-model？答案

【问题标题】：How do I bind the value on the button to my ng-model?如何将按钮上的值绑定到我的 ng-model？
【发布时间】：2015-12-30 07:23:03
【问题描述】：

我正在尝试将按钮上的值绑定到我的ng-model，但它似乎不起作用。有人对我应该怎么做有什么建议吗？

我正在使用来自https://github.com/rajeshwarpatlolla/ionic-datepicker的日期选择器

<div class="col">
  <label class="item item-input small">
   Start Date: <br> 

    <ionic-datepicker input-obj="datepickerObject">        
      <input type="button" ng-model="vm.newObject.startDate" value="
        {{datepickerObject.inputDate|date:'dd - MMM - yy'}}"> 
    </ionic-datepicker>

   </label>
</div>

【问题讨论】：

为什么在按钮上需要ng-model？
根据 angularjs 文档，ng-model 似乎只适用于 select、input 和 textarea。我不确定是否还有其他方法可以绑定数据。请赐教
ng-model 用于使用用户在字段中输入或选择的内容填充模型，反之亦然。您无需使用按钮输入或选择任何内容。您单击它，然后可以使用 ng-click 对单击做出反应。你想达到什么目的？
我想要实现的是创建一个迷你事件调度程序。因此，单击日期选择器按钮并选择日期后，我想将此数据保存到我新创建的对象（newObject）中作为开始日期。
您可以使用回调，并按照readme 中的说明设置范围属性。绑定按钮上的值没有意义

标签： angularjs datepicker ionic-framework ionic

【解决方案1】：

从button 中删除ng-model，您可以像这样修改您的datepickerObject 对象：

$scope.datepickerObject = {
    // ... Other keys & values
    callback: function(value) {
        $scope.newObject.startDate = value;
        // or use the "vm" variable as you are using (not sure how you are using the scope)
        // vm.newObject.startDate = value; 
    }
};

来自您提到的文档链接：

r) callback(Mandatory) : 这是回调函数，它将得到将所选日期输入到控制器中。你可以定义这个函数如下。

【讨论】：

【解决方案2】：

我们可以使用带有 {{}} 的按钮元素来显示返回的数据

<ionic-datepicker input-obj="datepickerObject"> 

    <button type="button">{{datepickerObject.inputDate|date:'dd - MMM - yy'}} 
</button> 

</ionic-datepicker>

【讨论】：