Angular 8: NG8002: 无法绑定到'ontime'，因为它不是ɽiv'的已知属性。_编程开发

Angular 8: NG8002: 无法绑定到'ontime'，因为它不是'div'的已知属性。

创始人

2024-10-17 18:01:57

0次

该错误是由于尝试将自定义属性绑定到HTML元素上，但该属性在HTML规范中并不存在。解决方法是使用Angular的@HostBinding装饰器将自定义属性绑定到指令或组件的宿主元素上。

以下是一个使用@HostBinding装饰器解决该问题的示例代码：

在组件或指令的类中，导入HostBinding装饰器和ElementRef类：

import { Component, HostBinding, ElementRef } from '@angular/core';

在类中使用@HostBinding装饰器将自定义属性绑定到宿主元素上：

@Component({
  selector: 'app-my-component',
  template: 'My Component',
})
export class MyComponent {
  @HostBinding('attr.ontime')
  ontime = 'some value';

  constructor(private el: ElementRef) {}
}

在上面的示例中，@HostBinding装饰器将ontime属性绑定到宿主元素的ontime属性上。现在在模板中使用时，生成的HTML代码将如下所示：

My Component

注意：在使用@HostBinding装饰器之前，需要注入ElementRef类，以便访问宿主元素。

上一篇：Angular 8: MultilevelMenuService没有提供者

下一篇：Angular 8: ngx-chips表单验证问题

Angular 8: NG8002: 无法绑定到'ontime'，因为它不是'div'的已知属性。

相关内容

热门资讯