Aurelia - 選択オプションに基づいて要素を表示/非表示

Question

値を選択した場合、divクラスを隠す方法usd？

app.html

<select name="" id="" class="form-control" value.bind=""> 
     <option repeat.for="option of Options" model.bind="option.value"> 
      ${option.name} 
     </option> 
</select> 

<div class="row"> 
    <!-- enter code here --> 
</div> 

app.ts

export class Test { 
    Option = [ 
     { value: 'usd', name: 'america'}, 
     { value: 'cad', name: 'canada money'} 
    ]; 

} 

Answer 1

私はあなたが本当にこれをうまくしようとしているいくつかのより多くの努力をしなければならないラジクマールに同意します。私がしようと言っhttps://ilikekillnerds.com/2015/10/working-with-forms-in-aurelia/

とヘルプ：

<template> 
<form role="form"> 
    <select value.bind="selectedVal"> 
     <option repeat.for="option of someOptions" 
      model.bind="option">${option.name}</option> 
    </select> 
</form> 
</template> 

<div class="row" show.bind="selectedVal === 'usd'"> 
    UsD SeLeCtEd 
</div> 

<div class="row" show.bind="selectedVal !== 'usd'"> 
    Other SeLeCtEd 
</div> 

は上記のみ表示する必要がありますあなたも、基本的な選択のためのコードを持っていない、のコードはすべてインターネット上で、一例であり、 USDを選択すると「選択されたusd」のコンテンツが表示され、それ以外のものを選択すると「その他の選択」が表示されます。これは最善の方法ではありませんが、うまくいくはずです。