選擇下拉列表中的空值選項

Question

我正在嘗試創建一個select下拉列表，以對作為數組一部分的對象內的特定參數建模，但是我希望“ null value”參數實際上具有一個值（或者只是能夠在其中插入一個附加選項落下）。

<select class="form-control" ng-model="question.defaultGoToQuestion" ng-options="question.sequence as question.questionHeading for question in survey.questions">
  <option value="-1">Finish</option>
</select>

但是angular只會忽略select標簽內部，除非它具有null值value="" 。 我如何才能始終擁有value of -1的選項，而不管survey.questions數組中的內容是什么？

我也忘了提到-1應該是整數，以便模型可以始終與整數值而不是字符串關聯。

快速更新

我想擁有幾乎完全像這樣的東西：

<select class="form-control" ng-model="question.defaultGoToQuestion" ng-options="question.sequence as question.questionHeading for question in survey.questions">
  <option value="">Finish</option>
</select>

除了我需要finish在finish選項中具有-1值。

Answer 1

如果您使用類似的方法指定鍵/值對，則可以分配所需的值：

<select ng-model="selectedOption" ng-options="option for (key, value) in options"></select>

JavaScript：

$scope.options = {
    'select': -1,
    'one': 1,
    'two': 2,
    'three': 3,
    'four': 4,
    'five': 5,
    'six': 6
   };

$scope.selectedOption = $scope.options[0];

Answer 2

有點反直覺，您需要模型具有值，但又不想在數據結構中定義它。

一種方法是，您可以使用unshift將元素添加到數據數組的開頭

$scope.survey.questions.unshift({sequence: -1, questionHeading: 'Finish'});
$scope.question.defaultGoToQuestion = $scope.survey.questions[0];