Angularjs在输入值中部分更新模型

时间:2015-09-01 12:47:14

标签: angularjs angularjs-scope angularjs-model

我对模特有一种奇怪的行为。

$scope.ev = temp;

<input type="text" class="form-control" id="inputDataFineEv" ng-model="ev.dataOraFineEvento" placeholder="Data fine" value="{{ev.dataOraFineEvento | date:'dd/MM/yyyy'}}">

html源代码的结果是:

<input type="text" class="form-control ng-pristine ng-untouched ng-valid" id="inputDataFineEv" ng-model="ev.dataOraFineEvento" placeholder="Data fine" value="12/09/2015">

在屏幕上我看到了时间戳

screenshot

我做错了什么?

由于

1 个答案:

答案 0 :(得分:0)

首先,您不能将value属性与ng-model一起使用,因为它是ng-model来执行绑定,因此您应该从控制器过滤日期以直接绑定它过滤:

HTML:

<input type="text" class="form-control" id="inputDataFineEv" ng-model="ev.dataOraFineEvento" placeholder="Data fine">

JS:

angular.module('myApp', ['ngSanitize'])
    .controller('dummy', ['$scope', '$filter', function ($scope, $filter) {

    $scope.ev = {
        dataOraFineEvento: $filter('date')((1441113680*1000), 'mm/dd/yyyy')
    };

}]);

JSFiddle