JSFiddle - React, Tailwind, and code Playground

HTML

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

<!-- 
    
    Result should be:
        
        Default dolar,
                pound,
                euro

-->

JavaScript

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