Why is ngModel non-assignable

10,532

ng-model is to bind model with views to take input or display view. you cant use filter on ng-model.

If you want to display data only, then you can use ng-bind for non input elements, and ng-value for form elements.

Here is example.

$scope.someValue='Value in controller'

Share:
10,532

Related videos on Youtube

Meinhh
Author by

Meinhh

Updated on June 04, 2022

Comments

  • Meinhh
    Meinhh over 1 year

    I have a date and i want it to have a filter on it so it would have the format i want for it.

    html:

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

    filter:

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

    It works fine but I keep getting this error:

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