angularjs - オプション要素内のAngular ng-ifとng-repeatが機能しない

Question

利用可能な通貨を一覧表示する select 要素があります。デフォルトの通貨には、名前の前に「デフォルト」という接頭辞が必要です。何らかの理由で、そのプレフィックスがリスト内のすべての通貨に表示されています。

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}
];

});

jsフィドル

Answer 1

option タグで HTML タグを使用することはできませんが、次のようなことができます。

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

フィドル