Angular 显示/隐藏截面角度5 Componet.ts HTML 手机 LG 宏达电 人 詹姆斯 厕所 HTC结果手机 詹姆斯结果 基本上 当用户选择LG时，我想显示HTC结果 当用户选择JAMES时，我想显示JAMES内容

我使用的是

模板驱动的
表单。如果这有区别的话
不工作
检查字符串时，应使用
==，该字符串也将检查类型

  <div *ngIf=" type === 'HTC' " class="form-group">

检查字符串时，应使用
==，该字符串也将检查类型

  <div *ngIf=" type === 'HTC' " class="form-group">

您应该获得表单值，现在您正在检查组件属性

<div *ngIf=" salesForm.get('type').value === 'HTC' " class="form-group">
  <h1>HTC RESULT PHONES</h1>
</div>
<div *ngIf=" salesForm.get('person').value === 'JAMES' " class="form-group">
  <h1>JAMES RESULT</h1>
</div>


HTC结果手机
詹姆斯结果
您应该获得表单值，现在您正在检查组件属性

<div *ngIf=" salesForm.get('type').value === 'HTC' " class="form-group">
  <h1>HTC RESULT PHONES</h1>
</div>
<div *ngIf=" salesForm.get('person').value === 'JAMES' " class="form-group">
  <h1>JAMES RESULT</h1>
</div>


HTC结果手机
詹姆斯结果
不工作。我尝试过它不显示HTC结果
div不工作。我尝试过，它不会显示您需要在
*ngIf
中使用
type.value
而不仅仅是
type
的
HTC RESULTS
div。如下所示：
*ngIf=“type.value=='HTC'
@Faisal
错误类型错误：无法读取Object.eval[as updateDirectives]（SalesComponent.html:114）at Object.debugUpdateDirectives[as updateDirectives]（core.js:14651）处未定义的属性“value”
您需要在
*ngIf
中使用
type.value
，而不仅仅是
type
。如下所示：
*ngIf=“type.value=='HTC'”
@Faisal
错误类型错误：无法读取Object.eval[as updateDirectives]（SalesComponent.html:114）at Object.debugUpdateDirectives[as updateDirectives]（core.js:14651）处未定义的属性“value”
谢谢@patryk gulas+1这对
人不起作用，因为它会将值设置为
true
或
false
。这是一个演示：（+1）是的，我几分钟前才看到这个<代码>复选框
不起作用。在我使用radio按钮的同时，你对@patryk有什么建议吗？你可以在这里创建FormArray并存储复选框值。演示：谢谢@patryk gulas+1这不适用于
个人
，因为它会将值设置为
真
或
假
。这是一个演示：（+1）是的，我几分钟前才看到这个<代码>复选框

不起作用。在我使用radio按钮的同时，你对@patryk有什么建议吗？你可以在这里创建FormArray并存储复选框值。演示：