如何在angularjs中获取select选项的自定义属性?

时间:2013-08-24 11:08:40

标签: php javascript angularjs

这就是我的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_currency函数在angularjs的控制器中获取选项值,但现在我还需要获取自定义属性“data-type”值。

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

更新

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

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

1 个答案:

答案 0 :(得分:0)

在您的ng-options中执行以下操作:

ng-options =“data as data.code +' - '+ data.currency for data data in data”

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

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