Question

升级到Angular 4时，我在控制台中收到以下警告：

看起来你正在使用带有被动形式的disabled属性指示。如果在设置此控件时将disabled设置为true 您的组件类，实际上将设置disabled属性你的DOM。我们建议使用这种方法来避免'改变检查'错误后'。

做这样的事情时：

library(dplyr)
dat %>%
    group_by(ID, NAME) %>%
    filter(n() > 1, sum(duplicated(AGE)) == 0) %>%
    ungroup()
# A tibble: 4 x 3
     ID   NAME   AGE
  <dbl> <fctr> <dbl>
1   111   Mark    22
2   222   Anne    21
3   111   Mark    23
4   222   Anne    22

当我们在表单控件上使用<input type="text" formControlName="name" [disabled]="isDisabled">属性时，似乎Angular不再喜欢了。

改变了什么以及为什么会发生这种情况？

Answer 1

这意味着您通过属性绑定设置disabled属性，但是您使用的formControl具有反应性。

因此，您应该在代码中声明{disable: true}，如下所示

form = new FormGroup({
    name: new FormControl({value: '', disabled: true})
  });

注意：如果您使用的是被动表单，则应该在HTML中定义formGroup属性。

<强> LIVE DEMO

Angular表单禁用绑定警告

1 个答案: