无法读取角度5中的@input属性值

Posted 2021-03-26

我正在创建一个组件来重用它的代码。

@Component({
    selector: 'app-jform',
    encapsulation: ViewEncapsulation.None,
    templateUrl: './jform.component.html',
    styleUrls: ['./jform.component.css']
})
export class JformComponent implements OnInit {

     @Input('init') modulename:string = '';

     ngOnInit() {
        this.getJsonForm();
        console.log(this.modulename); 
     }
}

在另一个竞争对手的视图文件中，我有这个选择器的用法如下，

<app-jform [modulename]="Blue32"></app-jform>

现在我无法在控制台中将modulename作为“Blue32”。我已经导入了输入模块，我没有得到任何其他错误。

更新：根据@SurenSrapyan的建议，我更改了@Input声明。仍然以某种方式无法得到它。

现在，我在控制台中“未定义”。

答案

您可以通过名称init查看您的元素。如果你将从'init'删除@Input('init')部分，它将通过modulename访问。

检查一下

@Input('init') modulename: string

<app-jform [init]="'Blue32'">
</app-jform>

或这个

@Input() modulename: string

<app-jform [modulename]="'Blue32'">
</app-jform>