2016-08-21 1 views
1

をapearsこんにちは、私は空の行を持つべきではありません選択メニューがあり、これはAngularJS空行がまだ選択メニューで

$scope.GetAllSnimateljiBaseInfo = function() { 

    $http.get(serviceBase + "GetAllSnimateljiBaseInfo", { timeout: 6000 }) 
    .success(function (response) { 
     $scope.snimatelji = response; 
     $scope.snimatelji.splice(0, 0, { "IDsnimatelj": 0, "Ime": "", "Prezime": "" }); 
     $scope.selectedSnimateljInfilterVideoKlip = $scope.snimatelji[0]; 
    }) 
    .error(function (response, status) { 
     if (status == 401) { 
      $state.go('/'); 

     } 
     else { 
      alert(response.Message); 
     } 
    }); 
}; 

で私のコードで、これはHTMLコード

 <div class="form-group"> 
        <label class="col-lg-3">Snimatelj:</label> 
        <div class="col-lg-9"> 
         <select class="form-control" ng-options="column as column.Ime +' '+ column.Prezime for column in snimatelji" ng-model="selectedSnimateljInfilterVideoKlip"> 
          <option value=""></option> 
         </select> 
        </div> 
       </div> 

ですしかし、選択メニューを使用すると、私は2つを持って見ることができるように、この

enter image description here

のように見えます空のメニューオプションではなく空のメニューオプション?

私の間違いはどこですか、何か助けてください?デフォルトで

よろしく

+0

オプション比較がレコード全体で認識されないため、「<あなたのid属性>で追跡」を使用する必要があります。さらに助けが必要な場合は、私たちのために表示するjsbinまたはplunkerを作成することができます。 –

答えて

0

は、1つの空の行は、角度選択のために存在します。追加の空の行は指定したためです

<option value=""></option> 

を選択タグで削除しました。 デフォルトの空の行も削除したい場合は、 $ scope.selectedSnimateljInfilterVideoKlip = $ scope.snimatelji [0] を設定するか、ng-initを使用して同じ値を達成してください。

+0

私は既にそのコード行を持っています –

+0

@Zvonimir Tokic - 答えを更新しました。私はコードブロックとしてそれを置くことができなかったので、htmlは最後の日にエスケープされました。手動で設定したオプションタグを削除すると、1つの空白の項目が削除されます。デフォルトの空白項目を削除するには、モデルにデフォルト値を設定することが考えられます。 selectedSnimateljInfilterVideoKlipをhtmlで印刷して、この値が正しく設定されていることを確認できますか? – Developer

関連する問題