gpt4 book ai didi

angularjs - 选项元素内的 Angular ng-if 和 ng-repeat 不起作用

转载 作者:行者123 更新时间:2023-12-02 19:29:13 24 4
gpt4 key购买 nike

我有选择应列出可用货币的元素。默认货币名称前应有前缀“Default”。由于某种原因,列表中的所有货币都会显示该前缀。

测试 HTML:

<div ng-app="testApp">
<div ng-controller="MainCtrl">
<select>
<option ng-repeat="rate in rates track by $index">
<span ng-if="rate.is_default">Default</span>
<span>{{rate.name}}</span>
</option>
</select>
</div>
</div>

测试JS:

var app = angular.module("testApp", []);

app.controller("MainCtrl", function($scope){

$scope.rates = [
{ 'name': 'dolar', 'is_default': true},
{ 'name': 'pound', 'is_default': false},
{ 'name': 'euro', 'is_default': false}
];

});

jsFiddle

最佳答案

您不能在选项标记中使用 HTML 标记,但可以执行以下操作:

<option ng-repeat="rate in rates track by $index">
{{ rate.is_default ? 'default' : '' }} {{rate.name}}
</option>

Fiddle

关于angularjs - 选项元素内的 Angular ng-if 和 ng-repeat 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23755801/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com