Aureliaの入力フィールドの表示を変更するにはどうすればよいですか？

Question

私はAureliaに以下の書式を書いています。フォームの上部には、ユーザータイプを選択するためのドロップダウンメニューがあります。 2つのオプションしかありません。ユーザーがタイプを変更したときに、いくつかの入力フィールドを表示および非表示にする必要があります。

I.E：ユーザが「プロデューサ」としてタイプを選択したとき、ユーザ名を非表示にする必要があります。ユーザーが「Writer」を選択すると、ユーザー名を表示し、電子メールアドレスを非表示にする必要があります。このような。 JavaScriptコントローラを使用してこれを行う必要があります。

https://gist.github.com/chanakaDe/75934983cb4a02a7a8914959e38bf0f3

これはgithubのの要旨としてHTMLコードです。私にこれを解決してください。

Answer 1

show.bind（要素の表示と非表示を希望する場合）またはif.bind（DOMから追加して削除する場合）を使用できます。例えば：

<div class="form-group" id="div_username" if.bind="user_type === 'writer'"> 
    <label for="userame">Username:</label> 
    <input type="text" class="form-control" id="userame" value.bind="userame" placeholder="Userame"> 
</div> 

Runnableを例https://gist.run/?id=33db6b8f919eb95d63b8bfbc2e912fe5 - '作家にユーザータイプを変更して、ユーザー名の入力が表示されます。