欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

解決angularjs WdatePicker ng-model的問題

 更新時(shí)間:2018年09月13日 14:22:13   作者:歲月如歌似夢(mèng)  
今天小編就為大家分享一篇解決angularjs WdatePicker ng-model的問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧

假設(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>

這樣的代碼,問題就在于,當(dāng)你需要進(jìn)行提交的時(shí)候,你會(huì)發(fā)現(xiàn)$scope.text.ddd是沒有值的。

解決方案是加一個(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}},我之所以這樣寫是為了解決一個(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è)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • 深入理解Angular4中的依賴注入

    深入理解Angular4中的依賴注入

    在Angular中使用依賴注入,可以幫助我們實(shí)現(xiàn)松耦合,可以說只有在組件中使用依賴注入才能真正的實(shí)現(xiàn)可重用的組件。
    2017-06-06
  • AngularJS模塊管理問題的非常規(guī)處理方法

    AngularJS模塊管理問題的非常規(guī)處理方法

    這篇文章主要介紹了AngularJS模塊管理問題的非常規(guī)處理方法,算是一個(gè)無奈之舉,分享給小伙伴,大家可以參考下。
    2015-04-04
  • 詳解Angular6學(xué)習(xí)筆記之主從組件

    詳解Angular6學(xué)習(xí)筆記之主從組件

    這篇文章主要介紹了詳解Angular6學(xué)習(xí)筆記之主從組件,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-09-09
  • 使用 Github Actions 自動(dòng)部署 Angular 應(yīng)用到 Github Pages的方法

    使用 Github Actions 自動(dòng)部署 Angular 應(yīng)用到 Github Pages的方法

    這篇文章主要介紹了使用 Github Actions 自動(dòng)部署 Angular 應(yīng)用到 Github Pages,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2020-07-07
  • 詳解AngularJS中module模塊的導(dǎo)入導(dǎo)出

    詳解AngularJS中module模塊的導(dǎo)入導(dǎo)出

    本文給大家介紹angularjs中module模塊的導(dǎo)入導(dǎo)出,涉及到angularjs module相關(guān)知識(shí),對(duì)angularjs module感興趣的朋友一起看看吧
    2015-12-12
  • Angular中sweetalert彈框的基本使用教程

    Angular中sweetalert彈框的基本使用教程

    這篇文章主要給大家介紹了關(guān)于Angular中sweetalert彈框的基本使用的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2018-07-07
  • 用AngularJS來實(shí)現(xiàn)監(jiān)察表單按鈕的禁用效果

    用AngularJS來實(shí)現(xiàn)監(jiān)察表單按鈕的禁用效果

    本篇文章主要介紹了用AngularJS來實(shí)現(xiàn)監(jiān)察表單按鈕的禁用效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下。
    2016-11-11
  • angularjs中ng-bind-html的用法總結(jié)

    angularjs中ng-bind-html的用法總結(jié)

    這篇文章主要介紹了angularjs中ng-bind-html的用法總結(jié),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-05-05
  • angular4 JavaScript內(nèi)存溢出問題

    angular4 JavaScript內(nèi)存溢出問題

    本篇文章主要介紹了angular4 JavaScript內(nèi)存溢出問題,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-03-03
  • AngularJS Toaster使用詳解

    AngularJS Toaster使用詳解

    AngularJS Toaster是一個(gè) AngularJS 提示框.基于angular v1.2.6 及以上和angular-animate.這篇文章主要介紹了AngularJS Toaster使用詳解,需要的朋友可以參考下
    2017-02-02

最新評(píng)論