Angular 角度元素不能用花括号绑定值

Angular 角度元素不能用花括号绑定值,angular,custom-element,angular-elements,Angular,Custom Element,Angular Elements,我想将角度组件导出为自定义web组件。我的组件具有以下输入: @Input()inputFileID:string; 用于绑定到HTML中的属性: 上传文件 不幸的是,inputFileID似乎是空的。我在index.html中删除了此自定义元素,如下所示: 在检查模式下,我看到这是呈现的: 上传文件 在角度元素中,属性必须是带破折号的小写字母,而不是驼峰字母。在这种情况下,自定义元素应如下所示: 在Ts中尝试这样做 @Input() inputFileID: string;

我想将角度组件导出为自定义web组件。我的组件具有以下输入:

@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中运行良好,请参阅。