将ngModel添加到单选按钮时,默认情况下,它在角度6中不起作用

时间:2018-11-26 10:37:45

标签: angular

在将ngModel添加到单选按钮时,默认检查不起作用。如果未使用ngmodel,则检查是可行的。但是我想要两个选项。与此相关的问题很多,但没有一个解决方案对我有用我提出了一个新问题。是否有人澄清为什么添加ngModel时被检查项不起作用,以及解决方案是什么?

DECLARE
serviceVer VARCHAR2(200) := '7.6.%';
BEGIN
dbms_output.put_line('Output: '|| ''''||serviceVer||'''') ;
END ;

另一种方法:

   Tried code:     

        <div class="col-md-9">
            <div class="form-check form-check-inline">
              <input class="form-check-input" type="radio" name="radio_default_inline" id="defaultInlineRadio1" value="" [(ngModel)]="name.Status"[checked]="!isChecked">
              <label class="form-check-label" for="defaultInlineRadio1">Active</label>
            </div>
            <div class="form-check form-check-inline">
              <input class="form-check-input" type="radio" name="radio_default_inline" id="defaultInlineRadio2" value [(ngModel)]="name.Status">            
              <label class="form-check-label" for="defaultInlineRadio1">Inactive</label>
            </div>
          </div>

另一个方法:

<input class="form-check-input" type="radio" name="radio_default_inline" id="defaultInlineRadio1" value="Active" [(ngModel)]="name.Status">
              <label class="form-check-label" for="defaultInlineRadio1">Active</label>       

              <input class="form-check-input" type="radio" name="radio_default_inline" id="defaultInlineRadio2" value="InActive" [(ngModel)]="name.Status">
 <label class="form-check-label" for="defaultInlineRadio1">Inactive</label>

另一种方法:

  <input class="form-check-input" type="radio" name="radio_default_inline" id="defaultInlineRadio1" value="Active" checked [(ngModel)]="name.Status">
                          <label class="form-check-label" for="defaultInlineRadio1">Active</label>       

                          <input class="form-check-input" type="radio" name="radio_default_inline" id="defaultInlineRadio2" value="InActive" [(ngModel)]="name.Status">
             <label class="form-check-label" for="defaultInlineRadio1">Inactive</label

    ts:

        this.name.Status = 'Active';

我希望defalut选中的选项和绑定都可以使用。如何实现此目的?不要说重复的问题,我尝试了与此问题相关的所有解决方案。

2 个答案:

答案 0 :(得分:0)

您如何期望确定复选框的值?模型是主导还是检查财产主导? Angular应该如何弄清楚这一点呢?快速解答:Angular认为您的模型处于领先地位,因此您选中的属性不起作用。您只需在ts文件中修改模型即可,而不必使用checked属性。

赞:

set isChecked(checked: boolean) {
   this._isChecked = checked;
   this.name.Status = checked;
}

还有一件事情;您显然必须设置单选按钮的值。对于我的例子,是非。

答案 1 :(得分:0)

您应该尝试使用语法

[(ngModel)] = "nameVariable"
[value]= 113 // typeof = number
// or
[value]= "option-1" // typeof = string