Conditionally change value of ng-model for input

Question

I have following HTML code:

<input type="text" ng-model="search.isOrdered"/>

If user types ordered word to input then I want ng-model = true , if user types unordered word to input, then I want ng-model = false . In other cases I want to ng-model = undefined or ng-model = null . Suppose I can't use radio-button or checkbox.

How to achieve this?

Thanks

Answer 1

Use ng-change instead:

<input type="text" ng-model="search.order" ng-change="search.isOrdered = search.order == 'ordered'"/>

See working fiddle

Answer 2

Change your HTML as follows:

<input type="text" ng-model="search.isOrderedInput"/>

In your controller:

    $scope.isOrdered = function() {
        var isOrdered;

        switch ($scope.isOrderedInput) {
        case 'ordered':
            isOrdered = true;
            break;
        case 'unordered':
            isOrdered = false;
            break;
        default:
            isOrdered = undefined;
            break;

        }

        return isOrdered;
    };

This should be more maintainable than adding logic to the view via ng-change, no?