Angular 角度元素不能用花括号绑定值
我想将角度组件导出为自定义web组件。我的组件具有以下输入:Angular 角度元素不能用花括号绑定值,angular,custom-element,angular-elements,Angular,Custom Element,Angular Elements,我想将角度组件导出为自定义web组件。我的组件具有以下输入: @Input()inputFileID:string; 用于绑定到HTML中的属性: 上传文件 不幸的是,inputFileID似乎是空的。我在index.html中删除了此自定义元素,如下所示: 在检查模式下,我看到这是呈现的: 上传文件 在角度元素中,属性必须是带破折号的小写字母,而不是驼峰字母。在这种情况下,自定义元素应如下所示: 在Ts中尝试这样做 @Input() inputFileID: string;
@Input()inputFileID:string;
用于绑定到HTML中的属性:
上传文件
不幸的是,inputFileID
似乎是空的。我在index.html中删除了此自定义元素,如下所示:
在检查模式下,我看到这是呈现的:
上传文件
在角度元素中,属性必须是带破折号的小写字母,而不是驼峰字母。在这种情况下,自定义元素应如下所示:
在Ts中尝试这样做
@Input() inputFileID: string;
fileId:any;
ngOnInit() {
if (this.inputFileID && this.inputFileID!=null) {
this.fileId = this.inputFileID;
}
}
在Html文件中
<label for="{{fileId}}" class="filedrop__uploadlabel"> Upload file </label>
上传文件
看起来您的变量fileOne
为空。您的代码在StackBlitz中运行良好,请参阅。