Javascript 如果其他输入控件设置了某个值，我想验证输入标签是否有一个值

正如我在标题中所说，我有一个下拉列表，其中有两个值-是和否，还有另一个输入标签，您可以在其中自由书写。我想验证，如果用户选择“是”，输入标签也会被填充，反之亦然-如果选择“否”，我想确保输入标签是空的

为了确保如果选择了“否”，则标签将为空，我尝试在选择“否”时简单地阻止标签，但这还不够，因为用户可以选择“是”，然后写一些内容并切换回“否”

不
对

一些文本

您可以将输入标签包装在

中，并仅当用户选择“是”时显示它，即

booleanVariable

为

true

试着这样做：

<p class="input-label">
    <span *ngIf="booleanVariable">  Some text </span>
</p>

一些文本

您可以将输入标签包装在

中，并仅当用户选择“是”时显示它，即

booleanVariable

为

true

试着这样做：

<p class="input-label">
    <span *ngIf="booleanVariable">  Some text </span>
</p>

一些文本

不幸的是，它只会停用输入标签，但无论您选择是还是否都会激活它，并且它并不能解决主要问题-检查文本框是否已填充我感到困惑，您能否澄清何时要显示输入标签？我想在选择“是”时显示输入标签，但是你的答案使下拉列表没有初始值，并且显示输入标签，无论你选择什么当我选择“否”时，输入标签显示，但当我重新加载页面时，它会一直隐藏，直到我再次选择“是”，我不知道为什么在选择“是”后选择“否”时它不会隐藏：/代码共享不会以任何方式影响下拉列表，这应该是其他原因。您还可以设置ts下拉列表的默认值。您可以共享stackbiltz。这将更容易帮助不幸的是，它只会停用输入标签，但无论您选择是或否都会激活它，而且它并不能解决主要问题-检查文本框是否已填充我感到困惑，您能否澄清何时要显示输入标签我想在选择“是”时显示输入标签，但是你的答案使下拉列表没有初始值，并且显示输入标签，无论你选择什么当我选择“否”时，输入标签显示，但当我重新加载页面时，它会一直隐藏，直到我再次选择“是”，我不知道为什么在选择“是”后选择“否”时它不会隐藏：/代码共享不会以任何方式影响下拉列表，这应该是其他原因。您还可以设置ts下拉列表的默认值。您可以共享stackbiltz。在需要创建指令的模板驱动形式中创建自定义验证器会更容易，请参阅。如果只想如果您选择true，则添加required，您只需

，但这不符合您的另一个要求：如果“否”必须为空，则使用双向绑定将其清空，并应用*ngIf以启用和禁用输入框。我认为这会起作用。一开始一切都会起作用，但当我切换到“是”然后返回到“否”时，输入框不会消失，而是以模板驱动形式创建自定义验证器。您需要创建一个指令，请参阅。如果只想如果您选择true，则添加required，您只需

，但这不符合您的另一个要求：如果“否”必须为空，则使用双向绑定将其清空，并应用*ngIf以启用和禁用输入框。我想这会管用的。一开始一切都会管用，但当我切换到“是”然后返回到“否”时，输入框不会再次消失