[英]migrate from renderer to renderer2
我将一个项目从 Angular 7 迁移到 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)
...
使用 Renderer 的课程如何:
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]'
})
export class CardLoaderDirective implements OnInit {
private nativeElement: Node;
private loaderElement: Node;
@Input()
private loader: Loader;
constructor(private renderer: Renderer2, private element: ElementRef) {
this.nativeElement = element.nativeElement;
}
ngOnInit() {
if (this.loader) {
this.initLoader();
}
}
showLoading() {
const divElement = this.renderer.createElement('div');
this.renderer.appendChild(this.nativeElement, divElement);
this.renderer.addClass(divElement, 'card-loading');
this.renderer.setStyle(divElement, 'display', 'block');
this.loaderElement = divElement;
const nextElem = this.element.nativeElement.nextElementSibling;
const parent = this.element.nativeElement.parentNode;
parent.insertBefore(divElement, nextElem);
}
使用 renderer2,creatElement 方法尽管具有相同的名称,但不再以相同的方式工作,而且我从文档中不太了解应该进行此转换的正确方式。
NativeElement (div) 我认为它具有禁用属性,因为我在您的示例中没有看到任何禁用属性,
该元素没有禁用属性。 如果您需要无错误地添加禁用,您可以使用该示例
<div [attr.disabled]="condition ? true : null">
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.