當select中的ng-options爲空時，不顯示數據可用信息？

我已經創建了一個選擇元素作爲當select中的ng-options爲空時，不顯示數據可用信息？

<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>

我想在所選擇的具有消息No Data NG-選項時，數組爲空一個選項。

來源

2017-07-18 User 101

你爲什麼不躲的選擇，而是顯示一個消息？沒有數據 – Groben

我可以這樣做......但是它可以通過select中的選項來顯示它。 –

我不確定，但我不這麼認爲。你可以使用一個加上ng，如果是，但我想這仍然不是你正在尋找的東西。如果沒有，則在availableTimeSlots中推送一個不可選的值 – Groben

您可以將<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>

來源

2017-07-18 14:34:15 Lex

當select中的ng-options爲空時，不顯示數據可用信息？

回答

相關問題