解決angularjs WdatePicker ng-model的問題
更新時間：2018年09月13日 14:22:13 作者：歲月如歌似夢
今天小編就為大家分享一篇解決angularjs WdatePicker ng-model的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
假設(shè)我們在項目中需要用到WdatePicker以及angularjs，并有如下的代碼：
<div>
<div class="h4">ddd</div>
<input class="form-control" type="text" ng-model="text.ddd"
readonly="readonly"
onClick="WdatePicker({dateFmt:'yyyy',lang:'zh-cn'})"
style="width: 400px; cursor: pointer;" />
</div>
這樣的代碼，問題就在于，當(dāng)你需要進行提交的時候，你會發(fā)現(xiàn)$scope.text.ddd是沒有值的。
解決方案是加一個onChange=""，代碼變?yōu)槿缦拢?br />
<div>
<div class="h4">ddd{{text.bbb}}</div>
<input class="form-control" type="text" ng-model="text.ddd"
readonly="readonly" onChange=""
onClick="WdatePicker({dateFmt:'yyyy',lang:'zh-cn'})"
style="width: 400px; cursor: pointer;" />
</div>
是的，只要加入這個就可以了。當(dāng)然，你可能會注意到還有一些變動的是，ddd{{text.bbb}}，我之所以這樣寫是為了解決一個疑惑的。這個疑惑就是，你加上onChange=""之后，哪怕你選擇了日期，但是{{text.bbb}}也是取不出值來的，而且你輸出一下$scope.text.ddd也還是undefined的，這個時候你可能會以為onChange=""無效。但是，其實不是這樣的，當(dāng)你提交數(shù)據(jù)時，你會發(fā)現(xiàn)它的確是被提交了的。
以上這篇解決angularjs WdatePicker ng-model的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
在Angular中使用依賴注入，可以幫助我們實現(xiàn)松耦合，可以說只有在組件中使用依賴注入才能真正的實現(xiàn)可重用的組件。2017-06-06
這篇文章主要介紹了AngularJS模塊管理問題的非常規(guī)處理方法，算是一個無奈之舉，分享給小伙伴，大家可以參考下。2015-04-04
這篇文章主要介紹了詳解Angular6學(xué)習(xí)筆記之主從組件，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
使用 Github Actions 自動部署 Angular 應(yīng)用到 Github Pages的方法
這篇文章主要介紹了使用 Github Actions 自動部署 Angular 應(yīng)用到 Github Pages,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-07-07
詳解AngularJS中module模塊的導(dǎo)入導(dǎo)出
本文給大家介紹angularjs中module模塊的導(dǎo)入導(dǎo)出，涉及到angularjs module相關(guān)知識，對angularjs module感興趣的朋友一起看看吧2015-12-12
這篇文章主要給大家介紹了關(guān)于Angular中sweetalert彈框的基本使用的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-07-07
用AngularJS來實現(xiàn)監(jiān)察表單按鈕的禁用效果
本篇文章主要介紹了用AngularJS來實現(xiàn)監(jiān)察表單按鈕的禁用效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2016-11-11
angularjs中ng-bind-html的用法總結(jié)
這篇文章主要介紹了angularjs中ng-bind-html的用法總結(jié)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-05-05
angular4 JavaScript內(nèi)存溢出問題
本篇文章主要介紹了angular4 JavaScript內(nèi)存溢出問題，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-03-03
AngularJS Toaster是一個 AngularJS 提示框.基于angular v1.2.6 及以上和angular-animate.這篇文章主要介紹了AngularJS Toaster使用詳解,需要的朋友可以參考下2017-02-02