您好,登錄后才能下訂單哦!
假設(shè)我們?cè)陧?xiàng)目中需要用到WdatePicker以及angularjs,并有如下的代碼:
<div> <div class="h5">ddd</div> <input class="form-control" type="text" ng-model="text.ddd" readonly="readonly" onClick="WdatePicker({dateFmt:'yyyy',lang:'zh-cn'})" /> </div>
這樣的代碼,問題就在于,當(dāng)你需要進(jìn)行提交的時(shí)候,你會(huì)發(fā)現(xiàn)$scope.text.ddd是沒有值的。
解決方案是加一個(gè)onChange="",代碼變?yōu)槿缦拢?br />
<div> <div class="h5">ddd{{text.bbb}}</div> <input class="form-control" type="text" ng-model="text.ddd" readonly="readonly" onChange="" onClick="WdatePicker({dateFmt:'yyyy',lang:'zh-cn'})" /> </div>
是的,只要加入這個(gè)就可以了。當(dāng)然,你可能會(huì)注意到還有一些變動(dòng)的是,ddd{{text.bbb}},我之所以這樣寫是為了解決一個(gè)疑惑的。這個(gè)疑惑就是,你加上onChange=""之后,哪怕你選擇了日期,但是{{text.bbb}}也是取不出值來的,而且你輸出一下$scope.text.ddd也還是undefined的,這個(gè)時(shí)候你可能會(huì)以為onChange=""無效。但是,其實(shí)不是這樣的,當(dāng)你提交數(shù)據(jù)時(shí),你會(huì)發(fā)現(xiàn)它的確是被提交了的。
以上這篇解決angularjs WdatePicker ng-model的問題就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持億速云。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。