angular ng-model類型格式轉化


在angular開發中我們經常會遇見輸入框中的string的值,卻想在scope上的model表現為整型、浮點、貨幣,或者在radio的value是一個true,false的Boolean類型,一組check box的vlue組成一個Array的數組類型,因為我們的后台程序的model設計接口如此。你是否還在后台應用程序或者ajax提交前做mapper,還在重復着着偽angular的做法?

在本人github創建了一個開源項目[https://github.com/greengerong/ngmodel-format](https://github.com/greengerong/ngmodel-format),為了讓我們能夠輕易的對付這些瑣事,你可以在demo下得html或者middle way的測試中看見其使用方法,同時如果不滿足你的需求,你仍然可以很簡單的擴展你需要的功能:你需要的只是在你的module的run階段注入modelFormatConfig的constant service 加入所需的key值,加上自己的formatter,parser,isEmpty方法,如果你仍然想繼續深入的對用戶的輸入進行一些控制的話,也可以加入keyDown時間去stopPropagation,preventDefault一些key值。

下面我們看看其相應的使用方式:http://jsbin.com/uJUrANa/1/watch?html,js,output

注意由於在jsbin拒絕引入github text/plain的文件 所以這里是直接把源碼貼進去了的,如果使用的話最好是使用github上的,這里的代碼是不會更新的。

在jsbin demo上你能夠很清楚的看見使用方式。那么我就不用在廢話多說了,哈哈。有問題可以提交github issue。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。