无法正确访问数据集值：Angular

第一次投寄，不便之处，敬请原谅

因此，我有一个angular应用程序，从后端（成功地）获取一些数据。 并在我的组件模板中使用它。 放置在

第9行的指令


白天
{{element？.day}
地位

当我记录放置
指令的元素时，它会打印具有正确数据集正确赋值的html元素。但在打印值本身时，会导致
null

从“@angular/core”导入{指令，OnInit，ElementRef}；
@指示({
选择器：“[appSetStatus]”
})
导出类SetStatusDirective实现OnInit{
构造函数（私有elRef:ElementRef）{}
恩戈尼尼特（）{
console.log（this.elRef.nativeElement）；
log（this.elRef.nativeElement.getAttribute（“数据状态”）；
//或
log（this.elRef.nativeElement.dataset.status）；
}
}

输出
。。。
空未定义

。。。
空未定义

。。。
空未定义
您可以将其作为@Input传递，而不是作为属性传递

模板：

<div [appSetStatus]="element?.status" class="outer-circle">

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

@Directive({
    selector: "[appSetStatus]"
})
export class SetStatusDirective implements OnInit {
    constructor(private elRef: ElementRef) {}

    ngOnInit() {}

    @Input()
    set appSetStatus(value: any){
      console.log(value);
    }
}