JSFiddle - React, Tailwind, and code Playground

by John Grivas

HTML

<script src="http://code.angularjs.org/1.1.5/angular.js"></script>
<body ng-app ng-controller="AppCtrl">
    <div>Operator is: {{filterCondition.operator}}</div>
    <select ng-model="filterCondition.operator">
        <option ng-selected="{{operator.value == filterCondition.operator}}" ng-repeat="operator in operators" value="{{operator.value}}">{{operator.displayName}}</option>
    </select>
</body>

JavaScript

function AppCtrl($scope) {

    $scope.filterCondition = {
        operator: 'neq'
    }

    $scope.operators = [{
        value: 'eq',
        displayName: 'equals'
    }, {
        value: 'neq',
        displayName: 'not equal'
    }]
}