javascript - 如何使用 ng-model 实现功能绑定(bind)(使用 plnkr)

Question

我有一个 dob 列，其中的值采用 yyyy-mm-dd 格式，比如 2013-01-01，我需要在输入框中显示 1 月 1 日。我可以通过编写一个函数来实现，然后从该函数返回精确值。 但是无法使用 ng-model 从输入框中调用函数，因为它可以在 span 中使用 ng-bind 调用。 我可以理解在输入框中调用函数会破坏双向绑定(bind)。但是我还可以使用什么其他方法。

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

<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)"/>

Answer 1

您可以使用 ng-init 来分配函数返回的值并将其分配给模型:

<input ng-init="myDOB = getDateOfBirth(dob);" type="text" ng-model="myDOB">

DEMO