Javascript 基于使用angularjs选择的选项显示页面

要求：我有一个下拉列表，根据选择的选项，应该显示适当的内容

HTML:

角色：
A.
B
C

现在根据选项我选择适当的内容应该显示。一个人可以有多个角色

---

有人能帮我吗？

我猜您的页面需要某种选项卡功能，这对您有帮助吗

如果是，您可以扩充此代码，以满足您的需求

（函数（）{
var-app=angular.module（'myApp'，[]）；
app.controller（'TabController'，function（）{
this.role='A'；
this.setTab=函数（tabId）{
this.tab=tabId；
};
this.isSet=函数（tabId）{
返回this.tab==tabId；
};
});
})();

A.
B
C
表1
表2
表3
多个角色意味着您的
选择
需要一个
多个
属性。
因此，您的
ngModel
必须是一个数组

然后，可以使用检查绑定数组中是否存在值


（函数（）{
有棱角的
.module（'应用程序'，[]）
})（）

角色：
A.
B
C
内容A
内容B
内容C
因此，这里不是让别人为你做作业（或家庭作业）的地方。告诉我们你尝试了什么，为什么没有成功，然后一些人可以帮助你。那么也许有人可以帮你，否则这只是抛出一些代码作为答案。
<label class="col-md-0" for="Role">
    <br>Role: </label>
<select name="role" id="roleType">
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
</select>