Inicjowanie wybierz za pomocą AngularJS i ng-repeat

Question

Sep 06, 2013, 12:42 AM

Inicjowanie wybierz za pomocą AngularJS i ng-repeat

Próbuję uzyskać pole wyboru, aby rozpocząć z wstępnie wypełnioną opcją, używając ng-repeat z AngularJS 1.1.5. Zamiast tego, wybór zawsze zaczyna się od niczego wybranego. Ma także pustą opcję, której nie chcę. Myślę, że jest efekt uboczny, że nic nie jest wybierane.

Mogę to zrobić używając ng-options zamiast ng-repeat, ale chcę użyć ng-repeat dla tego przypadku. Chociaż mój zawężony przykład tego nie pokazuje, chcę też ustawić atrybut title każdej opcji i nie ma sposobu, aby to zrobić za pomocą opcji ng, o ile wiem.

Nie sądzę, aby było to związane ze wspólnym problemem AngularJs / prototypowym dziedziczeniem. Przynajmniej nie widzę niczego oczywistego podczas kontroli w Batarang. Ponadto, gdy wybierzesz opcję w opcji wyboru za pomocą interfejsu użytkownika, model zostanie zaktualizowany poprawnie.

Oto HTML:

<body ng-app ng-controller="AppCtrl">
    <div>
        Operator is: {{filterCondition.operator}}
    </div>
    <select ng-model="filterCondition.operator">
       <option 
           ng-repeat="operator in operators" 
           value="{{operator.value}}"
       >
           {{operator.displayName}}
       </option>
    </select>
</body>

I JavaScript:

function AppCtrl($scope) {

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

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

JS Fiddle:http://jsfiddle.net/coverbeck/FxM3B/2/