当前位置: 首页 > 知识库问答 >
问题:

如何使用AngularJS在select下拉列表中显示部分?[副本]

段干德泽
2023-03-14

有一个选择下拉列表,当前显示值列表(所有汽车制造)。新的要求是在相同的选择下拉列表中包含部分,以便在部分下显示一组新的值(通用汽车制造),并与现有的值(所有汽车制造)一起显示。

如何使用AngularJS实现这一点?

现行守则:

<select ng-model="vm.vehicleSelection.selected.make" 
  ng-options="m for m in vm.vehicleSelection.makes">
  <option value="">Please select</option>
</select>

共有1个答案

狄珂
2023-03-14

这个成功了:)

如果我们有每个部分的值的列表,我们可以将其显示为:

<select 
ng-model="vm.vehicleSelection.selected.make" >
 <option value="">Please select</option>
 <optgroup label="Common Car Makes">
  <option ng-repeat="commonMake in vm.vehicleSelection.commonMakes" ng-value="commonMake">{{commonMake}}</option>
 </optgroup>

 <optgroup label="All Car Makes">
  <option ng-repeat="make in vm.vehicleSelection.makes" ng-value="make">{{make}} 
  </option>
 </optgroup>
</select>
 类似资料:
  • 我正在学习Bootstrap 4,我已经成功地把我的navbar中的内容变成了汉堡菜单,就像我想要的那样,在更小的屏幕尺寸下。我现在遇到的问题是,成为汉堡菜单的其中一个东西是一个Browse按钮,它以更大的屏幕尺寸显示下拉列表: 在较小的屏幕尺寸下,它确实变成了一个汉堡包菜单,但当我点击汉堡包菜单时,浏览按钮就会出现在它的右边,而这并不是我想要的: 我正在尝试消除在较小屏幕尺寸的点击,并使汉堡包菜

  • 我试图手动控制级联剑道下拉列表。我将一个“级联”事件绑定到父级,触发后,转到我的服务器获取与父级dropdownlist值关联的子dropdownlist值,并尝试更新子数据源:

  • 我想在下拉列表中隐藏所选项目。 我试图从选择事件的数据源中删除该项目,并直接将文本和值分配给下拉列表。但是值将是空的,可能是因为设置的值不存在于数据源中。在剑道留档中找不到解决方案。

  • 您好,我正在使用kendo ui mvvm,我正在尝试使用远程数据源绑定填充下拉列表,我可以将数据字段绑定到下拉列表,但我的下拉列表有空值,我尝试的是不在下拉列表中显示这些空值。问题是: 这是我的密码: 正如你所看到的,我已经尝试了data-tuumal-value="true",但是它不起作用,我是新的剑道mvvm,任何帮助都将不胜感激,谢谢。

  • 问题内容: 在我的模型中,我的数据类似于: 我想显示带有复选框的标签列表(包含’tag1’和’tag2’的唯一值)。希望是这样的: 如果我对列表进行硬编码,我知道如何根据检查的内容过滤主列表,但是不知道如何自动生成唯一标签列表。 问题答案: 您正在寻找执行三个操作: 从中的每个项目获取标签数组 将它们展平为单个阵列 从此数组获取唯一值 您可以使用纯JavaScript来做到这一点,但是为了使事情变

  • 问题内容: 我一直在努力寻找例子,但根本找不到任何东西。我唯一知道的是我可以使用http模块来获取数据。这是我当前正在执行的操作,但它是使用Knockout编码的。有人可以给我一些有关如何使用AngularJS重新编码此功能的建议吗? 的HTML Java脚本 问题答案: 正确的方法是使用指令。HTML看起来像这样。 JavaScript: 您还需要确保Angular在html上运行并且模块已加载