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

Question

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

@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声明.仍然以某种方式无法得到它.

现在,我在控制台中"未定义".

Answer 1

您可以通过名称查看您的元素init.如果您要从中删除'init'部分@Input('init'),则可以通过modulename.

检查一下

@Input('init') modulename: string

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

或这个

@Input() modulename: string

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