AngularJs不能NG-重複

設置選擇的選項，我需要我的預選通過選擇呈現NG-重複AngularJs不能NG-重複

<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/

來源

2015-07-20 Sergey Kudryashov

納克選擇=「{{currentType.defaultLeverage == openAccount.le verage}}「..你試圖用這個邏輯來做什麼。什麼是openAccount.leverage值？ – ssilas777

我triyng使選項SELECTED。我在這裏找到了這個例子：http://jsfiddle.net/coverbeck/FxM3B/5/ –

在你的小提琴他們已經給了一個默認值openAccount.leverage，你的代碼是不完整的.. – ssilas777

下面的代碼適用於我。

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

fiddle

來源

2015-07-20 09:26:09 Vineet

你應該嘗試重複ngOptions指令的select選項。

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

AngularJS文檔示例。

來源

2015-07-20 09:13:17 nuno

請你能改變我的小提琴嗎？ –

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

來源

2015-07-20 09:54:17 ssilas777

AngularJs不能NG-重複

回答

相關問題