Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/372.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 基于Angular 2中的单选按钮禁用输入字段_Javascript_Html_Angular_Typescript_Angular2 Template - Fatal编程技术网

Javascript 基于Angular 2中的单选按钮禁用输入字段

Javascript 基于Angular 2中的单选按钮禁用输入字段,javascript,html,angular,typescript,angular2-template,Javascript,Html,Angular,Typescript,Angular2 Template,假设我有这些单选按钮,我做了一个点击函数localClick,第一个按钮应该有1,第二个给2 <div class="ui-g-12"><p-radioButton name="group1" value="Local" (click)=localClick(1) label="Local"></p-radioButton></div> <div class="ui-g-12"><p-radioButton name="group

假设我有这些单选按钮,我做了一个点击函数localClick,第一个按钮应该有1,第二个给2

<div class="ui-g-12"><p-radioButton name="group1" value="Local" (click)=localClick(1) label="Local"></p-radioButton></div>
<div class="ui-g-12"><p-radioButton name="group1" value="Remote" label="Remote" (click)=localClick(2) ></p-radioButton></div>
基本上,我在这里所做的是,如果单击第一个单选按钮,然后将其设置为true(这样该框将被禁用),但是无论是否选择按钮或是否选择第二个单选按钮,都应该启用它

我是新手,但我在谷歌上搜索了一点,找到了类似这样的解决方案,然而对我来说,无论我做什么,这个盒子总是保持禁用状态


我认为我犯的错误是在html文件和ts文件中定义(单击)内容的方式,但我不确定。

在方括号中禁用Wrap以将其绑定到属性值

<input id="pass" type="text" style="width:80%" [disabled]="exampleFlag" pInputText [(ngModel)]="password">

在方括号中禁用换行以将其绑定到属性值

<input id="pass" type="text" style="width:80%" [disabled]="exampleFlag" pInputText [(ngModel)]="password">


如果要切换禁用的属性,请尝试使用
[attr.disabled]=“exampleFlag?”disabled”:null“
。@ThinkingMedia我通过将disabled放在方括号中修复了它。在angular中有一个内置的disabled指令。当使用
[disabled]
时,它使用该指令。我认为它只适用于一些HTML元素,如输入和按钮。最好使用内置控件,因为它可能与表单控件一起使用。如果要在另一个DOM元素上放置disabled。使用我给出的示例。如果要切换禁用的属性,请尝试使用
[attr.disabled]=“examplefag?”disabled”:null“
。@ThinkingMedia我通过将disabled放在方括号中修复了它。这是一个内置的角度禁用指令。当使用
[disabled]
时,它使用该指令。我认为它只适用于一些HTML元素,如输入和按钮。最好使用内置控件,因为它可能与表单控件一起使用。如果要在另一个DOM元素上放置disabled。用我举的例子。
<input id="pass" type="text" style="width:80%" [disabled]="exampleFlag" pInputText [(ngModel)]="password">