如何获取select的自定义属性's选项

How to get custom attribute of select's option in angularjs?

本文关键字:自定义属性 选项 select 何获取 获取      更新时间:2023-09-26

这就是我的html看起来像的样子

<select name="currency_advance" ng-model="currency" ng-change="put_currency()">
    <?php foreach ($currency as $c) { ?>
      <option data-type="<?php echo $c->symbol; ?>" value="<?php echo $c->alphaCode; ?>" >
       <?php echo $c->alphaCode; ?> - <?php echo $c->currency; ?>
      </option>
     <?php } ?>
 </select>

现在我可以使用put_current函数在angularjs的控制器中获得选项值,但现在我还需要获得自定义属性"数据类型"值。

我怎样才能做到这一点?有人能帮帮我吗?

更新

现在我正在从javascript生成select字段。但现在的问题是,我需要设置并获得另一个值,称为货币符号。以前我使用自定义标记数据类型来获取货币符号。如何以angularJS的方式设置和获取自定义标记值?

<select name="currency_advance" ng-model="currency" ng-options="data.code as data.code + ' - ' + data.currency for data in data">

在ng选项中执行以下操作:

ng options="data as data.code+'-'+data.current for data in data"

注意,第一件事是数据,而不是data.code。这使您的整个"数据"对象在$scope.currency下可用。按照以前的方式,只有"代码"在$scope.currency下面。然后,您可以通过访问$scope.currency.symbol轻松访问该符号。

通常,您不应该使用自定义data-*属性将数据存储在DOM中。