按钮点击时,用角度2阻止ui

时间:2016-12-20 15:02:22

标签: angular

plunker链接下方使用的是角度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版本更改的。

以下是我当前的plu​​nker代码链接,

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

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

谢谢,

1 个答案:

答案 0 :(得分:0)

我把你的笨蛋分开了。你有一些问题。作为未来参考,提供相关的必要代码,因为链接可能会发生变化。这是选手,我会指出错误。在plunker中也标记了错误。 Plunker

您遇到了一些导入问题。从角度导入时,它应为@angular/core,而不是@angular2/core

您提供@Component

时,不再需要@NgModule中的提供商

您导入创建的Component时,您的路径有时会出错。 您已将其标记为./src/spinner.component,从导入中删除src/

您错过了entryComponents: [SpinnerComponent]

中的@NgModule