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

如何使用具有自定义属性的角js ngOptions[重复]

赵朝
2023-03-14
<option value="' + info[x].CountryCode 
                 + '"   data-image="images/msdropdown/icons/blank.gif" 
        data-imagecss="flag ' + info[x].CountryCode 
                              + '" data-title="'
                              + info[x].CurrencyName + '" >' 
                              + info[x].CurrencyCode + '
</option>
[{
    "Id": 3,
    "CountryName": "Australia",
    "CountryCode": "au",
    "CurrencyCode": "AUD",
    "CurrencyName": "Australian Dollar",
    "CurrencyValue": 0.018,
    "PayPalCountryCode": 12,
    "PayPalCurrencyCode": 78,
    "IsActive": true
  },
  {
    "Id": 19,
    "CountryName": "Taiwan",
    "CountryCode": "tw",
    "CurrencyCode": "TWD",
    "CurrencyName": "New Taiwan Dollar",
    "CurrencyValue": 0.48,
    "PayPalCountryCode": 208,
    "PayPalCurrencyCode": 148,
    "IsActive": true
  },
  {
    "Id": 2,
    "CountryName": "United States",
    "CountryCode": "us",
    "CurrencyCode": "USD",
    "CurrencyName": "US Dollar",
    "CurrencyValue": 0.016,
    "PayPalCountryCode": 225,
    "PayPalCurrencyCode": 125,
    "IsActive": true
  }]

共有1个答案

秦昂然
2023-03-14

根据Angular ng-options文档,没有自定义属性支持。因此,使用ng-repeat指令来实现您的选择框

<select ng-model="countrySelected" ng-change="countryChange()">
  <option ng-repeat="country in countries" value="{{country.CountryCode}}" 
          data-image="images/msdropdown/icons/blank.gif" 
          data-imagecss="flag  {{country.CountryCode}}" 
          data-title="{{country.CurrencyName}}">{{country.CurrencyCode}}</option>
</select>

您通过ng-model获得选定的值。countrySelected存储您选择的值。

在控制器中

$scope.countryChange = function(){

// write your related code
}
 类似资料:
  • 我正在尝试使用Javascript选择此复选框 下面的代码可以工作,但并不理想 我试过这些 但它们并不起作用。有什么想法能让这件事成功吗? 数据值未硬编码的更新代码

  • 问题内容: 请考虑以下代码: 如何选择具有属性的所有标签? 谢谢 问题答案: 使用“具有属性”选择器: 或选择一个该属性具有特定值的属性: “属性值起始于”,“属性值包含”等还有其他选择器。

  • 我有一个简单的问题,但我在文档中找不到任何关于它的东西,也找不到任何示例。 我有一个使用RabbitMQ和spring boot AMQP模块的spring boot项目。我正在使用一个特定的交换和spring,所以我想我需要定义我自己的bean(在这一点上,如果有人知道是否可以用另一种更简单的方法来完成,欢迎您)。 这里对我来说真正的问题是,我还必须定义一个bean,只是为了将其设置为模板,但似

  • 我们正在使用Spring数据,并试图创建一个带有子查询的自定义查询,结果投影有一个数组和其他属性,我们的问题是子查询数组。 预测如下:

  • 我需要添加自定义数据属性来选择选项。我需要它,因为在更改时,我希望基于选定的属性(而不是值)触发操作 这是我正在使用的代码 例如,当我为数据属性提供静态值时,它可以工作,以下工作没有问题(请注意,data-isocode具有静态值) 然而,当我尝试在数据等码中使用变量时 它向我抛出以下错误 如何使用Angular传递数据属性(如jQuery),并使用FormBuilder获取值?

  • 到目前为止,我已经学会了: 1) 对于循环,我可以使用它来迭代对象中的索引,例如具有数字索引键的数组。 2) 的中,循环为我提供了iterable和custom属性以及继承属性。但是,它忽略了值未定义的属性。 对于例如。 将省略索引,因为它的值是。 但是,它将迭代,和。 3) 的对值而不是键进行迭代。不同之处在于,它只迭代所有iterable属性,忽略了自定义属性,也忽略了从原型链继承的属性。但是