为什么ngModel不可分配

Question

我有一个约会,我希望它有一个过滤器,所以它将具有我想要的格式.

HTML:

<input type="text" id="{{ID}}" ng-style="{color: color}" class="tdate ng-pristine ng-untouched ng-valid" ng-model="time.date | DatePlaceHolder">

过滤:

function DatePlaceHolder($filter) {
    return function (value) {
        return $filter('date')(value, "dd/MM/yyyy") || "--/--/----";
    }
}

它工作正常但我不断收到此错误:

Error: [ngModel: nonassign] Expression 'time.date | DatePlaceHolder' is non-assignable. Element: <input type="text" id="{{ID}}" ng-style="{color: color}" class="tdate ng-pristine ng-untouched ng-valid" ng-model="time.date | DatePlaceHolder">

Answer 1

ng-model是使用视图绑定模型以获取输入或显示视图.你不能在ng-model上使用过滤器.

如果只想显示数据,则可以对非输入元素使用ng-bind,对表单元素使用ng-value.

这是一个例子.

$ scope.someValue ='控制器中的值'