選択でng-optionsが空の場合、利用可能なデータが表示されますか？

Question

私はNG-options配列が空のとき、私は選択してメッセージNo Dataを持つオプションをご希望の

<label class="item item-select no-border-bottom padding full-width custom-back"> 
    <div class="input-label">Select Time Slot</div> 
    <select ng-model="addAppointment.timeSlot" name="timeSlot" class="custom-back" ng-disabled="!addAppointment.date" ng-options="timeSlot as timeSlot for timeSlot in availableTimeSlots" required> 
    </select> 
</label> 

としてselect要素を作成しました。

Answer 1

<option>にng-ifを追加することができます。これがどのように機能するのかを考案した例がここにあります。あなたが選択を隠し、代わりにメッセージを表示しないのはなぜ

angular.module('app', []) 
 
    .controller('ctrl', function($scope) { 
 
    $scope.options = []; 
 
    $scope.selectedOption = undefined; 
 
    
 
    $scope.addOptions = function() { 
 
     var start = $scope.options.length; 
 
     for(var i = 1; i <= 5; i++) { 
 
     $scope.options.push('Option #' + (start + i)); 
 
     } 
 
    } 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="ctrl"> 
 
    <select ng-model="selectedOption" ng-options="opt as opt for opt in options"> 
 
    <option value="" ng-if="options.length === 0">No Data</option> 
 
    </select> 
 
    <button type="button" ng-click="addOptions()">Add Options</button> 
 
</div>