2016-11-23 22 views
0

マイセレクトルックスでテキストボックスNG-モデル値のページのロードベース:動的オプションを選択します。このような角度

<select onchange="getVideo()" id="region"> 
    <option ng-repeat="items in region" ng-selected = "items.countryCode === selectedRegion" value="{{items.countryCode}}">{{items.countryCode}}</option> 
</select> 

これは私のJSONです:

$scope.region = [ 
    { 
     countryItem : "TW(TW)", 
     countryCode : "tw_zh_tw" 
    }, 
    { 
     countryItem : "US(EN)", 
     countryCode : "us_en" 
    }, 
    { 
     countryItem : "US(ES)", 
     countryCode : "us_es" 
    }, 
    { 
     countryItem : "JP(JA)", 
     countryCode : "jp_ja" 
    }, 
]; 

選択ボックスの変更は、それが呼び出されます

function getVideo() { 
var language = $("#region option:selected").val(); 
location.href="/support/"+language+"/Videobackstage; 
} 

この関数を使用すると、select chang私は、ページが読み込まれても、selectの値を保持する必要があります。

解決策を考え出すために、ng-select条件のパラメータとしてtext-ng-modelを使用しています。テキストボックスには値があり、それは必要な方法で動作しますが、動作していない:

<input type="text" ng-model="selectedRegion" id="selectedRegionx"> 

私は、URLに特定の値を取得することにより、テキストボックスの値を設定しています:

$(document).ready(function(){ 
var pageUrl = window.location.pathname; 
var split = pageUrl.split("/"); 
var langUrl = split[2]; 
$("#selectedRegionx").val(langUrl); 
}); 

答えて

0

が、私はグローバル変数を作る角度コントローラによってアクセスすることができます。

var pageUrl = window.location.pathname; 
var split = pageUrl.split("/"); 
var langUrl = split[2]; 

私はちょうど私のコントローラにスコープを追加しました:

$scope.selectedRegion = langUrl; 

それは今正常に動作します!

関連する問題