角NG-如果选择内部元素和NG重复不工作 [英] Angular ng-if inside option element and ng-repeat not working

问题描述

我有应该列出可用的货币选择的元素。默认货币的名称前面应该有preFIX默认。出于某种原因，preFIX是显示在列表中的所有货币。

I have select element which should list available currencies. Default currency should have prefix "Default" before its name. For some reason, that prefix is showing for all currencies in the list.

测试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标签的选项标记，但你可以做这样的事情：

You can't use HTML tags in an option tag but you can do something like this:

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

小提琴

这篇关于角NG-如果选择内部元素和NG重复不工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！