AngularJ не может установить выбранную опцию с помощью ng-repeat

0

Мне нужно предварительно выбрать мой выбор, сделанный с помощью ng-repeat

<body ng-app ng-controller="AppCtrl">
    <div>Operator is: {{openAccount.leverage}}</div>
    <select class="form-control" name="leverage" ng-model="openAccount.leverage">
        <option ng-repeat="leverage in currentType.leverageList"
                value="{{leverage}}" ng-selected="{{currentType.defaultLeverage == openAccount.leverage}}">1:{{leverage}}
        </option>
    </select>
</body>

function AppCtrl($scope) {
    $scope.currentType = {};
    $scope.currentType.leverageList = ['10','20','30'];
    $scope.currentType.defaultLeverage = '20';
}

Это мой код, и вот скрипка http://jsfiddle.net/FxM3B/440/

  • 0
    ng-selected = "{{currentType.defaultLeverage == openAccount.leverage}}" .. Что вы пытаетесь сделать с помощью этой логики ... Каково значение openAccount.leverage?
  • 0
    Я трийнг, чтобы сделать вариант ВЫБРАН. Я нашел этот пример здесь: jsfiddle.net/coverbeck/FxM3B/5
Показать ещё 2 комментария
Теги:

3 ответа

2
Лучший ответ

Ниже код работал для меня.

<option 
    ng-repeat="leverage in currentType.leverageList"
    value="{{leverage}}"
    ng-selected="{{currentType.defaultLeverage == leverage}}">1:{{leverage}}</option>

играть на скрипке

Поделиться
  • 1
    Большое спасибо!! Это спасло мою шею.
  • 0
    в любое время Мауро :)
0

Вы должны попробовать повторить опции select с ngOptions директивы ngOptions.

<select ng-options="item.subItem as item.label for item in values track by item.id" ng-model="selected">

Пример из документов AngularJS.

Поделиться
  • 0
    Пожалуйста, не могли бы вы изменить мою скрипку?
0

HTML:

<body ng-app ng-controller="AppCtrl">
  <div>Operator is: {{openAccount.leverage}}</div>
  <select class="form-control" name="leverage" ng-model="openAccount.leverage">
  <option 
   ng-repeat="leverage in currentType.leverageList"
   value="{{leverage.value}}"
  ng-selected="{{openAccount.leverage == leverage.value}}"{{leverage.value}}</option>
</select>
</body>

Javascript:

function AppCtrl($scope) {
    $scope.openAccount ={
        leverage : '20'
    }
    $scope.currentType = {};
    $scope.currentType.leverageList = [
         {value: '10', displayName: '10'},
         {value: '20', displayName: '20'},        
         {value: '30', displayName: '30'} 
    ]      
 }

FIDDLE

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню