Angularjs Добавить странную опцию в select

Question

Привет у меня такая же проблема

Выберите выпуск

у меня есть странный вариант, как это

<option value="? string:98 ?"></option>

HTML-код

 <select  ng-model="vm.student" class="form-control">
   <option value="0">All</option>
   <option data-ng-repeat="src in vm.studentList" value="{{ src.Id }}"> {{ 
   src.Value }} </option>
</select>

и значение по умолчанию в нижней части не отображается, я пытаюсь решить эту проблему многими способами, но, к сожалению, не работает хорошо

Я надеюсь помочь мне решить эту проблему

Спасибо

Answer 1

Использовать ng-value директива:

<select ng-model="vm.student" class="form-control">
   <option ng-value="0">All</option>
   <option data-ng-repeat="src in vm.studentList" ng-value="src.Id">
     {{src.Value}}
   </option>
</select>

Для дополнительной информации,

• Справочник по AngularJS API - Использование ngValue привязать модель к массиву объектов
• Справочник по AngularJS API - Использование ngRepeat чтобы генерировать select опции

Answer 2

Это можно решить с помощью ng-options

Ссылаясь на пример Madhan Varadhodiyil

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp">
    <div ng-controller="AppCtrl">
       <select  ng-model="student" class="form-control" ng-options="src.Id as src.Value for src in studentList">
         <option value="">All</option>   <!-- value="" helps to remove void space from dropdown -->
       </select>                
    </div>
</div>

<script>
var app = angular.module('myApp', []);
app.controller('AppCtrl', function($scope){
    $scope.studentList = [
        {
            "Id": 98,
            "Value": "Jon Snow"
        },
        {
            "Id": 99,
            "Value": "Mother of dragons"
        }
    ];
    
   $scope.student = $scope.studentList[0].Id; // I want Id:98 to be selected by default
});</script>

Надеюсь, это поможет, ура!