为了账号安全,请及时绑定邮箱和手机立即绑定

从渲染器迁移到渲染器2

从渲染器迁移到渲染器2

临摹微笑 2023-03-24 14:42:40
我将一个项目从 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 方法尽管具有相同的名称,但不再以相同的方式工作,而且我从文档中不能很好地理解应该进行这种转换的正确方式。
查看完整描述

1 回答

?
人到中年有点甜

TA贡献1895条经验 获得超7个赞

NativeElement (div) 我假设它有禁用属性,因为我在你的例子中没有看到任何禁用属性的地方,

该元素没有禁用属性。如果你需要添加 disabled 没有错误,你可以使用这个例子

<div [attr.disabled]="condition  ? true : null">


查看完整回答
反对 回复 2023-03-24
  • 1 回答
  • 0 关注
  • 107 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号