簡體   English   中英

角度js:html5 select的問題

[英]angular js : issue with html5 select

今天,我遇到了這種奇怪的行為。。。。。。。。(節省了一些時間來解釋這個問題。)

我在這里有一個小提琴: http : //jsfiddle.net/w9mQ8/2/

它演示了如何在html select設置選定的值。

現在,其中發生了一件奇怪的事情。。在結果窗格中顯示的內容是具有選擇的輸出以及所選的值。 那很好..

但是,我不知道從哪個位置開始,空白值位於該選擇中的選項之前:

在此處輸入圖片說明

當我檢查元素時,在此之前我發現了一些未知值,並在選項之前加上了:

在此處輸入圖片說明

請幫助我刪除此問題。 謝謝。 :)

好。 我了解了情況並更新了小提琴。 檢查新的提琴: http : //jsfiddle.net/w9mQ8/9/

根據建議,在評論中,以下更改幫助我實現了想要的目標:

的HTML:

<div ng-controller="MyCtrl">
    <select ng-model="selectedValue" required="required" ng-options="option.id as option.value for option in defaults"></select>
</div>

js:

var myApp = angular.module('myApp', []);

function MyCtrl($scope) {

    $scope.selectedValue = 22;
    $scope.defaults = [{
        id: 10,
        value: "string 1"
    }, {
        id: 22,
        value: "string 2"
    }];
}

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM