解決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)你需要進(jìn)行提交的時候，你會發(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)文章
這篇文章主要介紹了Angularjs中使用輪播圖指令swiper的相關(guān)知識，非常不錯，具有參考借鑒價值 ,需要的朋友可以參考下2017-05-05
angular-ui-sortable實現(xiàn)可拖拽排序列表
這篇文章主要介紹了angular-ui-sortable實現(xiàn)可拖拽排序列表，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
詳解關(guān)于Angular4 ng-zorro使用過程中遇到的問題
這篇文章主要介紹了詳解關(guān)于Angular4 ng-zorro使用過程中遇到的問題，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
這篇文章主要介紹了AngularJS指令中的綁定策略,結(jié)合實例形式分析了scope綁定策略的分類與具體實現(xiàn)方法,需要的朋友可以參考下2016-12-12
這篇文章主要介紹了在Angular中使用JWT認(rèn)證方法示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
本文通過幾個循序漸進(jìn)的例子，給大家詳細(xì)講解了如何快速入門AngularJS，十分的實用，這里推薦給大家，有需要的小伙伴可以參考下。2015-04-04
基于AngularJS實現(xiàn)頁面滾動到底自動加載數(shù)據(jù)的功能
本文主要給大家介紹基于AngularJS實現(xiàn)頁面滾動到底自動加載數(shù)據(jù)的功能，通過第三方控件來實現(xiàn)，感興趣的朋友跟著小編一起看看具體實現(xiàn)代碼吧2015-10-10
本篇文章主要介紹了詳細(xì)AngularJs4的圖片剪裁組件的實例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
本篇文章主要介紹了淺談Angular路由復(fù)用策略，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
Angular.js自定義指令學(xué)習(xí)筆記實例
這篇文章主要介紹了Angular.js自定義指令的實例代碼,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-02-02