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

AngularJS-在ng-repeat内的select上设置默认值[重复]

裴令秋
2023-03-14
问题内容

我遇到了AngularJS的问题-无法在中显示选定的值<select>

这是我的用例:

我有一个以ng-repeat开头的视图,用于显示组件。每个组件都包含一个选择以选择增值税率。创建新项目时,看起来不错。但是,当我编辑现有项目时,实际的vatRate代码未显示在select中,而是看到默认选项“-SelectVAT Rate-”而不是所选的VAT。

我的模型仅包含增值税率的ID。

通过一个组件,我可以在$scope中使用一个变量来设置当前商品的价值,但是在这里,我可以拥有多个组件,每个组件都有自己的增值税率,因此,我不确定在这里如何做:

这是我的代码

<div ng-repeat="i in items">
   <label>{{i.id}}</label>
   <input ng-model="i.title">
   <select ng-model="i.vatRateId">
      <option value="">--- Select an option ---</option>
      <option ng-repeat="value in vatRates"
              ng-selected="i.vatRateId == value.id"
              value="{{value.id}}">{{value.value}}     
      </option>
   </select>
</div>

和对象:

$scope.vatRates = [
    { 'id': 1, 'value' : '20' },
    { 'id': 2, 'value' : '10' },
    { 'id': 3, 'value' : '7' }
];

$scope.items = [
    { 'id': 1, 'title' : 'Title1', 'vatRateId' : '1' },
    { 'id': 2, 'title' : 'Title2', 'vatRateId' : '2' },
    { 'id': 3, 'title' : 'Title3', 'vatRateId' : '3' }
];

这是一个现场演示来解释我的问题:

演示PLNKR

我无法为每个项目设置正确的值。


问题答案:

我对您的要求不是很清楚,但是如果要将默认选择值显示为<select>,可以使用 ng-selected 。为了使用,你需要有 默认值选择
在您的控制器作为 模型 到您<select>,并添加NG-选择将<options ng-selected="{{defaultvalue == value.id}}" ng-repeat="value in vatRates">

对于代码和参考,我只是更改了您的插件,

http://embed.plnkr.co/ZXo8n0jE8r3LsgdhR0QP/preview

希望这可以帮助。



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

  • 本文向大家介绍AngularJS select设置默认值的实现方法,包括了AngularJS select设置默认值的实现方法的使用技巧和注意事项,需要的朋友参考一下 AngularJS的select设置默认值 在使用Angular时候使用select标签时会遇到绑定数据指定默认显示值可这样实现 当我们选择类型是03时则默认是会议 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持,如有疑问请留言或

  • 问题内容: 嗨,我有一个简单的ng-repeat-start和end用例,并且工作正常,当我想添加一个内部ng-repeat时出现了问题。这是我的代码 内部ng-repeat到td元素中不起作用,在检查html源代码时看到ngRepeat注​​释,但未创建td元素。 我的丑陋的解决方法(假设我知道该向量的大小)是: 问题答案: 从那时起,我不确定是否使用角度1.1.6,并且在1.1.5或1.0.7

  • 问题内容: 我一直在尝试为angularJS设置默认的预选选项,由于某种原因,我无法这么做。这是相关Plunkr的链接。 以下是相关代码: 我已经尝试了ng-init和许多其他方式。我不知道如何使顶部选项成为预选的选项。 问题答案: 该链接的答案建议使用。我会在控制器或指令的函数中分配默认选项: 我认为不需要为该简单任务使用另一个指令。

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

  • 问题内容: 我在使用react-select时遇到问题。我使用redux表单,并且使我的react-select组件与redux表单兼容。这是代码: 这里是我如何渲染它: 但是问题是我的下拉菜单没有我希望的默认值。我做错了什么?有任何想法吗? 问题答案: 我猜你需要这样的东西: