文章/答案/技术大牛

发布

社区首页 >问答首页 >从主应用程序()发送param到角元素

问从主应用程序()发送param到角元素
EN

Stack Overflow用户

提问于 2022-08-21 12:14:36

回答 1查看 83关注 0票数 0

我做了一个小的角度应用程序，并将它转换成角元素，将其用作其他主应用程序中的微前端，它看起来很棒，工作也很好。但是我需要将一个值从Master传递到Micro，但是没有和我一起工作。有人能帮上忙吗。

微应用app.module.ts

export class AppModule {

  constructor(private injector: Injector) { }

    ngDoBootstrap(){
      const element = createCustomElement(AppComponent, {injector: this.injector});
      customElements.define('micro-fe', element);
    }
}

微应用app.component.ts

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
  title = 'Micro-FE';
  @Input() public myName: string = "";

  ngOnInit() {
      console.log(this.myName);
    }
}

微应用app.component.html

<h1>Hello From Micro-Frontend !!!!!</h1>
<h2>My Name : {{myName}}</h2>

以及在主应用程序index.html中

<!doctype html>
<html lang="en">
<body>
  <app-root></app-root>

  <micro-fe myName="Amr"></micro-fe>
  <script src="assets/Micro-FE/main.js"></script>
  <script src="assets/Micro-FE/polyfills.js"></script>
  <script src="assets/Micro-FE/runtime.js"></script>
  
</body>
</html>

angular

angular-elements

回答 1

Stack Overflow用户

发布于 2022-08-29 20:57:18

您需要在字符串中使用属性绑定和引号。我看不出还有什么别的原因不能用。

试试<micro-fe [myName]="'Amr'"></micro-fe>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/73434310

复制

相似问题

问从主应用程序()发送param到角元素
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从主应用程序()发送param到角元素EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从主应用程序()发送param到角元素
EN