AngularJS - 動的に式を変更する

Question

ユーザーが選択した通貨によって異なるアイテムを表示する必要があります（異なる価格は既にバックエンドから提供されているため、これ以上のコンバートは必要ありません）。

<div ng-controller="myCtrl"> 
    you have, {{exchange.[currency]}}... 
    <br> 
    <br> 
    <select> 
    <option ngclick="currency='USD'">USD</option> 
    <option ngclick="currency='Eur'">Eur</option> 
    </select> 
</div> 

そして、私のコントローラ：

var app = angular.module('myApp', []); 
    // controller here 
app.controller('myCtrl', function($scope) { 

    $scope.currency = "USD"; 

    $scope.exchange = [{ 
     "USD": 199, 
     "Eur": 20 
    }]; 
    }) 

あなたはJSfiddle here

に上記のコードを確認することができます私はNGクリック

私のHTMLはこのように書きで表現を変更したいです

Answer 1

これは、これを角度の方法で行う方法です。

HTML：

<div ng-controller="myCtrl"> 
    you have, {{currency.rate}} {{currency.code}} 
    <br> 
    <br> 
    <select ng-options="currency.code for currency in exchange" ng-model="currency"></select> 
</div> 

コントローラ

var app = angular.module('myApp', []); 
    // controller here 
app.controller('myCtrl', function($scope) { 
    $scope.exchange = [{ 
     "code": "USD", 
     "rate": 199 
    }, 
    { 
     "code": "EUR", 
     "rate": 20 
    }]; 
    $scope.currency = $scope.exchange[0]; 
    })