2015-12-30 108 views
1

我试图将按钮上的值绑定到我的ng-model,但它似乎不起作用。有没有人对我应该做什么有什么建议?如何将按钮上的值绑定到我的ng模型?

我使用从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> 
+0

为什么你需要'上的一个按钮NG-model'? –

+0

根据angularjs文档,ng-model似乎只适用于select,input和textarea。我不确定是否有其他方法来绑定数据。请赐教 – cornstar94

+2

ng-model用于填充用户在字段中输入或选择的内容,反之亦然。您不要使用按钮输入或选择任何内容。您点击它,并可以使用ng-click对点击作出反应。你想达到什么目的? –

回答

1

的日期选择器取下buttonng-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)回调(强制性):这个th e回调函数,该函数会将选定日期的 传递给控制器​​。您可以按如下方式定义此功能 。

+0

上的值是没有意义的,因为它现在可以工作了! – cornstar94

0

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

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

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

</ionic-datepicker> 
相关问题