Angular Elements是Angular框架的一个特性，它允许我们将Angular组件作为Web组件使用，并在其他框架中使用。

由于Angular Elements生成的Web组件是独立的，它们无法直接使用Angular的模板语法（如花括号绑定值）。

解决这个问题的方法是使用Angular的属性绑定来替代花括号绑定值。下面是一个示例：

在Angular组件中，定义一个输入属性（input property）：

import { Component, Input } from '@angular/core';

@Component({
  selector: 'app-custom-element',
  template: `
    
{{ inputText }}
  `
})
export class CustomElementComponent {
  @Input() inputText: string;
}

在主模块中，将该组件注册为一个Web组件：

import { createCustomElement } from '@angular/elements';
import { CustomElementComponent } from './custom-element.component';

@NgModule({
  declarations: [CustomElementComponent],
  entryComponents: [CustomElementComponent]
})
export class AppModule {
  constructor(private injector: Injector) {
    const customElement = createCustomElement(CustomElementComponent, { injector: this.injector });
    customElements.define('app-custom-element', customElement);
  }

  ngDoBootstrap() {}
}

然后，在其他框架中使用该Web组件时，使用属性绑定来传递值：

这样就可以在其他框架中使用Angular Elements生成的Web组件，并通过属性绑定传递值，替代花括号绑定值。