按钮单击时使用角度 2 阻止 ui答案

【问题标题】：block ui with angular 2 on button click按钮单击时使用角度 2 阻止 ui
【发布时间】：2016-12-23 22:40:32
【问题描述】：

下面的 plunker 链接使用 angular 2 beta 版本代码，完美运行，

<head>
<title>angular2 spinner</title>
<link rel="stylesheet" href="src/spinner.css" />
<script src="https://code.angularjs.org/2.0.0-beta.11/angular2-polyfills.js"></script>
<script src="https://code.angularjs.org/tools/system.js"></script>
<script src="https://code.angularjs.org/tools/typescript.js"></script>
<script src="config.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.11/Rx.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.11/angular2.min.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.11/http.min.js"></script>
<script>
System.import('app')
  .catch(console.error.bind(console));

http://plnkr.co/edit/Y2ocRpbi2ORjbULrguDg?p=preview

现在我尝试在 Angular 2.0.X 版本中复制相同的内容，但大部分内容都与 RC 版本不同。

以下是我当前的 plunker 代码链接，

http://plnkr.co/edit/f6GBBQan7z4I9K1qBZOi?p=preview

我是 Angular 2 的新手，请帮我解决它。

谢谢，

【问题讨论】：

标签： angular

【解决方案1】：

我叉了你的 plunker。你有一些问题。作为将来的参考，请提供有问题的必要代码，因为链接可能会更改。这是plunker，我会指出错误。错误也标记在 plunker 中。 Plunker

您遇到了一些导入问题。从 Angular 导入时，应该是@angular/core，而不是@angular2/core

不再需要@Component 中的提供者，因为您提供了@NgModule

在您创建的组件的导入中，您的路径有时是错误的。您已将它们标记为 ./src/spinner.component，从导入中删除 src/。

您的@NgModule 中缺少entryComponents: [SpinnerComponent]

【讨论】：