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

Question

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

$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

我做错了什么？

谢谢

Answer 1

首先，您不能将 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

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

Angularjs update model partially in input value

angularjs

angularjs-scope

angularjs-model