从渲染器迁移到渲染器2

Question

我将一个项目从 Angular 7 迁移到 Angular 8，我不得不将 Renderer 类更改为 Renderer2，我面临以下错误：

ERROR Error: Template error: Can't bind to 'disabled' since it isn't a known property of 'div'.

    at createUnknownPropertyError (vendor.js:83083)

    at validateAgainstUnknownProperties (core.js:12699)

    at elementPropertyInternal (core.js:12604)

    ...

渲染器的课程如何：

import { OnInit, Directive, Input, Renderer, ElementRef } from '@angular/core';

import { Observable } from 'rxjs/Observable';

import { Response } from '@angular/http';

import { Loader } from './loader';

@Directive({

    selector: '[asCardLoader]'

})

export class CardDirective implements OnInit {

    private nativeElement: Node;

    private loaderElement: Node;

    constructor(private renderer: Renderer, private element: ElementRef) {

        this.nativeElement = element.nativeElement;

    }

    ngOnInit() {

        if (this.loader) {

            this.initLoader();

        }

    showLoading() {

        const divElement = this.renderer.createElement(this.nativeElement, 'div');

        this.renderer.setElementClass(divElement, 'card-loading', true);

        this.renderer.setElementStyle(divElement, 'display', 'block');

        this.loaderElement = divElement;

        const nextElem = this.element.nativeElement.nextElementSibling;

        const parent = this.element.nativeElement.parentNode;

        parent.insertBefore(divElement, nextElem);

// other methods

我对 renderer2 的尝试

import { OnInit, Directive, Input, Renderer2, ElementRef } from '@angular/core';

import { Observable } from 'rxjs/Observable';

import { Response } from '@angular/http';

import { Loader } from './loader';

@Directive({

    selector: '[asCardLoader]'

})

对于 renderer2，creatElement 方法尽管具有相同的名称，但不再以相同的方式工作，而且我从文档中不能很好地理解应该进行这种转换的正确方式。

Answer 1

NativeElement (div) 我假设它有禁用属性，因为我在你的例子中没有看到任何禁用属性的地方，该元素没有禁用属性。如果你需要添加 disabled 没有错误，你可以使用这个例子<div [attr.disabled]="condition &nbsp;? true : null">