最初の配列値を無視して角度選択したオプション

localStorageを使用して、ユーザーの選択を覚えておいて、次のログイン時に選択したオプションを設定しようとしています。最初の配列値を無視して角度選択したオプション

selectのオプションは、次のように正しく入力されます。

インデックスが1であるか、またはそれが正常に動作上、しかし最初の値が選択されるたびに値が次のリロードにデフォルトで選択されていません。

私はこれを以下の例示している：負荷の1の負荷に0の

インデックス

私が間違って何をしているのですか？

コントローラでHTML

<select name="ipSelect" data-ng-model="selectedOption"> 
    <option ng-repeat="ip in adapters track by $index" data-ng-value="adapters.indexOf(ip)">{{ip}}</option> 
</select>

ipcRenderer.on('device_ips_loaded', (event, adapters) => { 
    let storedIndex = localStorage.getItem('defaultIp') || 0 
    console.log('Adapters: ' + adapters) 
    console.log('storedIndex: ' + storedIndex) 
    $scope.adapters = adapters 
    $scope.$apply(function() { 
     $scope.selectedOption = adapters[storedIndex] 
    }) 
    console.log('selectedOption: ' + $scope.selectedOption) 
})

出典

2016-08-05 Shaffanhoon

私はあなたがngOptionsを使用することをお勧めします。

が作業、それを参照してください：

(function() { 
 
    'use strict'; 
 

 
    angular 
 
    .module('app', []) 
 
    .controller('MainCtrl', MainCtrl); 
 

 
    MainCtrl.$inject = ['$scope']; 
 

 
    function MainCtrl($scope) { 
 
    $scope.selectedOption = '1'; 
 
    $scope.adapters = ['25.91.79.201', '192.168.0.14'] 
 
    } 
 
})();

<!DOCTYPE html> 
 
<html ng-app="app"> 
 

 
<head> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js"></script> 
 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css"> 
 
</head> 
 

 
<body ng-controller="MainCtrl"> 
 
    <div class="col-md-12"> 
 
    <select class="form-control" ng-options="key as ip for (key, ip) in adapters" ng-model="selectedOption"> 
 
     <option value label="Select an adapter" hidden></option> 
 
    </select> 
 
    <pre ng-bind="selectedOption"></pre> 
 
    </div> 
 
</body> 
 

 
</html>

出典

2016-08-06 00:40:41 developer033

最初の配列値を無視して角度選択したオプション

答えて

関連する問題