使用ng-init进行选择的默认值

Question

我正在尝试为选择框设置默认值，但是我很难尝试做到这一点，而且我不知道出什么问题了。 这是我的代码

<select class="form-control" ng-init="newQuestion.positionOnSurvey=vm.questionsPositions[0]" ng-model="newQuestion.positionOnSurvey">
                                    <option ng-repeat="position in vm.questionsPositions track by $index" value="{{position}}">{{position}}</option>
</select>

vm.questionsPositions [0] = 5，所以这不是问题。 我没有在控制器中初始化newQuestion，但是ng-init应该不是这种情况吗？

更新：

现在，我正在像这样初始化该字段，但是它仍然无法正常工作。

vm.newQuestion = {};
vm.newQuestion.positionOnSurvey = vm.questionsPositions[0];

<select class="form-control" ng-model="vm.newQuestion.positionOnSurvey">
    <option ng-repeat="position in vm.questionsPositions track by $index" value="{{position}}">{{position}}</option>
</select>

Answer 1

您应该使用控制器来初始化值，以及使用ng-options创建下拉列表的更好方法

喜欢：

HTML：

<select class="form-control" ng-model="newQuestion.positionOnSurvey" ng-options="position for position in vm.questionsPositions"></select>

控制器：

        $scope.vm ={};
        $scope.newQuestion ={};
        $scope.vm.questionsPositions = [12,14];
        $scope.newQuestion.positionOnSurvey = $scope.vm.questionsPositions[0];

因此选择列表中的初始值为12

Answer 2

您可以尝试使用默认值在控制器中初始化$newQuestion.positionOnSurvey ，因此视图中的选择器将具有初始值。

Answer 3

ngInit的唯一适当用法是为ngRepeat [...]的特殊属性设置ngRepeat 。 除了这种情况，您应该使用控制器而不是ngInit来初始化作用域上的值。

根据ngInit API，建议您在控制器上设置所选内容的初始值。

请参阅： 控制器指南

Answer 4

<select class="form-control" ng-init="vm.newQuestion.positionOnSurvey=vm.questionsPositions[0]" ng-model="newQuestion.positionOnSurvey">
                                    <option ng-repeat="position in vm.questionsPositions track by $index" value="{{position}}">{{position}}</option>
</select>

您正在vm对象中声明“ newQuestion”变量。 因此，您可以将HTML中的变量作为“ vm.newQuestion”访问

Answer 5

您确定ng-options不起作用吗？ 这段代码可以解决问题。

<select ng-model="vm.newQuestion.positionOnSurvey" ng-options="position for position in vm.questionsPositions"></select>