JSFiddle - React, Tailwind, and code Playground

by coverbeck

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-repeat="operator in operators" title="{{operator.title}}" ng-selected="{{operator.value == filterCondition.operator}}" value="{{operator.value}}">{{operator.displayName}}</option>
</select>
</body>

JavaScript

function AppCtrl($scope) {

    $scope.filterCondition={
        operator: 'eq'
    }
    
    $scope.operators = [
        {value: 'eq', displayName: 'equals', title: 'The equals operator does blah, blah'},
        {value: 'neq', displayName: 'not equal', title: 'The not equals operator does yada yada'}
     ]
}