首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何实现与ng模型( plnkr)的功能绑定

如何实现与ng模型( plnkr)的功能绑定
EN

Stack Overflow用户
提问于 2013-08-22 14:57:35
回答 2查看 12.7K关注 0票数 8

我有一个道布列,值出现在yyyy格式,比如2013-01-01,我需要在输入框中显示它,1月1日,我可以通过编写一个函数来实现这一点,然后从这个函数中返回确切的值。,但是函数不能使用ng模型从输入框中调用,因为它可以在跨范围内使用ng绑定调用。,我可以理解,在输入框中调用函数会破坏双向绑定。但我还能用什么其他方法来解决这个问题。

http://plnkr.co/edit/pZDpypsxM1OA2JwFhjjp?p=preview

代码语言:javascript
复制
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<script type="text/javascript" >
    var app = angular.module('app', []);
    app.controller('AppCtrl', function ($scope) {
        $scope.dob = "2013-01-01";
        $scope.getDateOfBirth = function(dob){
            var months = ["Jan","Feb","Mar","Apr","May","June","July","Aug","Sep","Oct","Nov","Dec"]
            var split = dob.split("-");
            return parseInt(split[2])+" "+months[parseInt(split[2])-1];
        }
    });
</script>

<span ng-app="app" ng-controller="AppCtrl" ng-bind="getDateOfBirth(dob)"></span>

<input type="text" ng-model="getDateOfBirth(dob)"/>
EN

回答 2

Stack Overflow用户

发布于 2014-04-24 16:36:54

可以使用ng-init设置值,并使用ng-更改使值保持更新。

http://plnkr.co/edit/q1hg0R?p=preview

票数 0
EN

Stack Overflow用户

发布于 2015-03-18 15:46:50

对于日期、电话号码等,您可以使用ui掩码。希望这能帮到别人!

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18384031

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档