解決angularjs WdatePicker ng-model的問(wèn)題
假設(shè)我們?cè)陧?xiàng)目中需要用到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>
這樣的代碼，問(wèn)題就在于，當(dāng)你需要進(jìn)行提交的時(shí)候，你會(huì)發(fā)現(xiàn)$scope.text.ddd是沒(méi)有值的。
解決方案是加一個(gè)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>
是的，只要加入這個(gè)就可以了。當(dāng)然，你可能會(huì)注意到還有一些變動(dòng)的是，ddd{{text.bbb}}，我之所以這樣寫(xiě)是為了解決一個(gè)疑惑的。這個(gè)疑惑就是，你加上onChange=""之后，哪怕你選擇了日期，但是{{text.bbb}}也是取不出值來(lái)的，而且你輸出一下$scope.text.ddd也還是undefined的，這個(gè)時(shí)候你可能會(huì)以為onChange=""無(wú)效。但是，其實(shí)不是這樣的，當(dāng)你提交數(shù)據(jù)時(shí)，你會(huì)發(fā)現(xiàn)它的確是被提交了的。
以上這篇解決angularjs WdatePicker ng-model的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Angularjs中使用輪播圖指令swiper的相關(guān)知識(shí)，非常不錯(cuò)，具有參考借鑒價(jià)值 ,需要的朋友可以參考下2017-05-05
angular-ui-sortable實(shí)現(xiàn)可拖拽排序列表
這篇文章主要介紹了angular-ui-sortable實(shí)現(xiàn)可拖拽排序列表，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
詳解關(guān)于Angular4 ng-zorro使用過(guò)程中遇到的問(wèn)題
這篇文章主要介紹了詳解關(guān)于Angular4 ng-zorro使用過(guò)程中遇到的問(wèn)題，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-12-12
這篇文章主要介紹了AngularJS指令中的綁定策略,結(jié)合實(shí)例形式分析了scope綁定策略的分類與具體實(shí)現(xiàn)方法,需要的朋友可以參考下2016-12-12
這篇文章主要介紹了在Angular中使用JWT認(rèn)證方法示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
本文通過(guò)幾個(gè)循序漸進(jìn)的例子，給大家詳細(xì)講解了如何快速入門(mén)AngularJS，十分的實(shí)用，這里推薦給大家，有需要的小伙伴可以參考下。2015-04-04
基于AngularJS實(shí)現(xiàn)頁(yè)面滾動(dòng)到底自動(dòng)加載數(shù)據(jù)的功能
本文主要給大家介紹基于AngularJS實(shí)現(xiàn)頁(yè)面滾動(dòng)到底自動(dòng)加載數(shù)據(jù)的功能，通過(guò)第三方控件來(lái)實(shí)現(xiàn)，感興趣的朋友跟著小編一起看看具體實(shí)現(xiàn)代碼吧2015-10-10
詳細(xì)AngularJs4的圖片剪裁組件的實(shí)例
本篇文章主要介紹了詳細(xì)AngularJs4的圖片剪裁組件的實(shí)例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
本篇文章主要介紹了淺談Angular路由復(fù)用策略，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10
Angular.js自定義指令學(xué)習(xí)筆記實(shí)例
這篇文章主要介紹了Angular.js自定義指令的實(shí)例代碼,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-02-02