javascript
  • jquery
  • html
  • angularjs
  • 2017-03-07 151 views 0 likes 
    0

    我有一個選擇菜單。設置默認值時不顯示下拉菜單文本 - AngularJS

    <select id="dd" ng-show='data != null' ng-model='search'></select> 
    

    我觸發過濾到美國作爲默認

    $scope.search = 'United States of America'; 
    

    到目前爲止過濾器似乎工作,但沒有我的jQuery似乎工作。

    $scope.search = 'United States of America'; 
    $("#dd").val('United States of America'); 
    $("#dd").attr("selected","selected"); 
    

    您可能會看到什麼,我這裏有:JSFiddle


    結果現在:

    enter image description here

    結果,我希望它是:

    enter image description here

    還有什麼我應該看看進一步調試?

    +0

    我正在使用Chrome。 – ihue

    回答

    2

    我不喜歡這個 -

    在您的角度控制器

    $scope.timeFrames = [{ "id": 1, "name": "USA" }, { "id": 2, "name": "UK" }, { "id": 3, "name": "China" }]; 
    $scope.selectedTimeFrame = 1; 
    

    在你的HTML頁面

    <select ng-model="selectedTimeFrame" ng-change="frame()" ng-options="timeFrame.id as timeFrame.name for timeFrame in timeFrames" ng-cloak></select> 
    

    試圖通過Java腳本下控制選擇降不正確的做法。在角度上,我們有ng選項,請參閱documentation

    +0

    你能否更新你的答案並詳細解釋一下? – ihue

    +0

    關於ng-options,請參閱此文檔(https://docs.angularjs.org/api/ng/directive/ngOptions) – ISHIDA

    相關問題