当前位置: 首页 > 面试题库 >

如何使用ng-option设置选择元素的默认值

柳羽
2023-03-14
问题内容

我在这里看到了Angular
select指令的文档:http :
//docs.angularjs.org/api/ng.directive
:select 。我不知道如何设置默认值。这令人困惑:

选择作为数组中值的标签

这是对象:

{
    "type": "select", 
    "name": "Service",
    "value": "Service 3", 
    "values": [ "Service 1", "Service 2", "Service 3", "Service 4"] 
}

HTML(工作):

<select><option ng-repeat="value in prop.values">{{value}}</option></select>

然后我尝试在select元素内添加ng-option属性以设置prop.value为默认选项(不起作用)。

ng-options="(prop.value) for v in prop.values"

我究竟做错了什么?


问题答案:

因此,假设该对象在您的范围内:

<div ng-controller="MyCtrl">
  <select ng-model="prop.value" ng-options="v for v in prop.values">
  </select>
</div>



function MyCtrl($scope) {
  $scope.prop = {
    "type": "select", 
    "name": "Service",
    "value": "Service 3", 
    "values": [ "Service 1", "Service 2", "Service 3", "Service 4"] 
  };
}

工作的Plunkr:http://plnkr.co/edit/wTRXZYEPrZJRizEltQ2g



 类似资料:
  • 问题内容: 我想通过设置默认值我NG选项,等他们并没有在所有的工作。我的代码如下: angular HTML 这是我的Plunkr。 任何帮助,将不胜感激。 问题答案: 更新: 如果您想直接获得此答案中使用的参考,则为: 参考: AngularJS ng- options中的初始选择 这对我有用: 插件中有一个未初始化的错误,除此之外,Angular会将数组中的每个对象与数组中的每个元素进行比较。

  • 问题内容: 摆弄相关代码:http : //jsfiddle.net/gFCzV/7/ 我试图设置绑定到ng-repeat中引用的对象的子级集合的下拉列表的选定值。我不知道如何设置选定的选项,因为我无法以任何我知道的方式引用它所绑定的集合。 HTML : JS : 这是我实际上应该在模型上将ng-init与SelectedIndex一起使用的一种情况吗? 问题答案: 如果使用AngularJS 1

  • 我有一个Java应用程序,我使用了Hibernate、Primefaces、JSF、Jquery、Twitterbootstrap和Spring。 我的应用程序中有许多数据表。 我希望DataTable有一个默认的选定项。 primefaces提供了什么方法吗?以下是它现在的样子: 以下是DataTable:

  • 如何设置ng选项的默认值。。。 以下是我的ng选项指令:

  • 问题内容: 我有一个用于编辑对象的表单,但无法在选择框中选择一个值。 我有一个代表要编辑的json数组,看起来像这样: 现在我同时从另一个如下所示的json数组中填充选择框: 在我的网页内,我正在创建选择框,如下所示: 选择框正在为我填充,但应该选择与中的版本匹配的值。我已经尝试了和,甚至尝试了设置,甚至都行不通。 我已经在Angularjs网站和google上进行了搜索,并浏览了无数教程,但是仍

  • 问题内容: 我可以在angularjs中使用默认值设置一个下拉列表, 如何使用来达到相同的效果?我胆战心惊, 但是没用。样品小提琴在这里 问题答案: 使用 为设定的默认值。 这是: 演示