Javascript 如何更改Aurelia中输入字段的可见性？

我在奥雷利亚有以下表格。在表单的顶部，有一个下拉菜单来选择用户类型。只有两种选择。当用户更改类型时，我需要显示和隐藏一些输入字段

即：当用户选择类型为“生产者”时，我需要隐藏用户名。当用户选择“Writer”时，我需要显示用户名并隐藏电子邮件地址。这样地。需要使用JavaScript控制器来实现这一点

---

这是作为github要点的HTML代码。请给我一个解决办法

您可以使用

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>

用户名：

---

可运行示例-将用户类型更改为“writer”，您将看到用户名输入。

WOWOWOW。这很有效。。。谢谢你的帮助兄弟。。。你救了我一天