blocks|key|2012749|text|您可以尝试使用默认值在控制器中插入$newQuestion.positionOnSurvey，因此视图中的选择器将有一个初始值。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2012750|entityMap^0|H|T|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

You could try to init <code>$newQuestion.positionOnSurvey</code> in your controller with your default value, so the selector at the view will have an initial value.

blocks|key|861155|text|ngInit的唯一合适用途是对ngRepeat的特殊性质进行混叠。此外，您应该使用控制器而不是ngInit来初始化作用域上的值。|type|blockquote|depth|inlineStyleRanges|offset|length|style|CODE|BOLD|entityRanges|data|861156|根据ngInit+API，我建议在控制器上设置选择的初始值。|unstyled|861157|请参阅：控制器指南|861158|entityMap|0|LINK|mutability|MUTABLE|url|https://docs.angularjs.org/guide/controller#setting-up-the-initial-state-of-a-scope-object^0|0|6|F|8|1B|6|15|3|0|2|6|0|4|5|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@$9|U|A|V|B|C]|$9|W|A|X|B|C]|$9|Y|A|Z|B|C]|$9|10|A|11|B|D]]|E|@]|F|$]]|$1|G|3|H|5|I|7|12|8|@$9|13|A|14|B|C]]|E|@]|F|$]]|$1|J|3|K|5|I|7|15|8|@]|E|@$9|16|A|17|1|18]]|F|$]]|$1|L|3|-4|5|I|7|19|8|@]|E|@]|F|$]]]|M|$N|$5|O|P|Q|F|$R|S]]]]

<blockquote>
 The only appropriate use of <code>ngInit</code> is for aliasing special properties of <code>ngRepeat</code> [...]. Besides this case, you should use controllers rather than <code>ngInit</code> to initialize values on a scope.
</blockquote>

According to the <code>ngInit</code> API, I'd suggest setting the initial value of your selection on your controller.

see: <a href="https://docs.angularjs.org/guide/controller#setting-up-the-initial-state-of-a-scope-object" rel="nofollow">controller guide</a>

blocks|key|861170|text|<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>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|861171|在vm对象中声明"newQuestion“变量。因此，您可以以"vm.newQuestion“的形式访问html中的该变量。|unstyled|861172|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

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

You are declaring "newQuestion" variable in vm object. So, you can access that variable in html as "vm.newQuestion"

blocks|key|861183|text|你确定ng选项不起作用吗？这段代码应该能起作用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|861184|<select+ng-model="vm.newQuestion.positionOnSurvey"+ng-options="position+for+position+in+vm.questionsPositions"></select>|code-block|syntax|javascript|861185|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You sure that ng-options is not working? This code should do the trick.

<pre><code>&lt;select ng-model="vm.newQuestion.positionOnSurvey" ng-options="position for position in vm.questionsPositions"&gt;&lt;/select&gt;
</code></pre>

blocks|key|2012863|text|您应该使用控制器来初始化值，以及使用ng-options创建下拉列表的更好方法。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2012864|比如：|2012865|HTML:|2012866|<select+class="form-control"+ng-model="newQuestion.positionOnSurvey"+ng-options="position+for+position+in+vm.questionsPositions"></select>|code-block|syntax|javascript|2012867|控制器：|2012868|++++++++$scope.vm+={};
++++++++$scope.newQuestion+={};
++++++++$scope.vm.questionsPositions+=+[12,14];
++++++++$scope.newQuestion.positionOnSurvey+=+$scope.vm.questionsPositions[0];|2012869|所以select列表中的初始值是12|2012870|entityMap^0|I|A|0|0|0|5|0|0|0|4|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Z|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|10|8|@$9|11|A|12|B|C]]|D|@]|E|$]]|$1|J|3|K|5|L|7|13|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|14|8|@$9|15|A|16|B|C]]|D|@]|E|$]]|$1|Q|3|R|5|L|7|17|8|@]|D|@]|E|$M|N]]|$1|S|3|T|5|6|7|18|8|@]|D|@]|E|$]]|$1|U|3|-4|5|6|7|19|8|@]|D|@]|E|$]]]|V|$]]

You should use controller to initialize the value and better way to create drop-down list using ng-options

Like:

HTML:

<pre><code>&lt;select class="form-control" ng-model="newQuestion.positionOnSurvey" ng-options="position for position in vm.questionsPositions"&gt;&lt;/select&gt;
</code></pre>

Controller:

<pre><code> $scope.vm ={};
 $scope.newQuestion ={};
 $scope.vm.questionsPositions = [12,14];
 $scope.newQuestion.positionOnSurvey = $scope.vm.questionsPositions[0];
</code></pre>

so initial value in select list is 12

I am trying to set the default value for select box, but I have hard time trying to do it, and I have no idea what is wrong. Here is my code

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

vm.questionsPositions[0] = 5, so this is not a problem. I am not initializing newQuestion in my controller, but it should be not a case with ng-init ?

UPDATE:

Now I am initializing the field like this, but it is still not working.

<pre><code>vm.newQuestion = {};
vm.newQuestion.positionOnSurvey = vm.questionsPositions[0];

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

Default value of select using ng-init

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在尝试设置复选框的默认值，但是我很难尝试这样做，而且我也不知道哪里出了问题。这是我的密码<select class="form-control" ng-init="newQuestion.positionOnSurvey=vm.questionsPositions[0]" ng-model="newQuestion...

问使用ng-init选择的默认值
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用ng-init选择的默认值EN