为什么文本不显示在 angular 中？

Question

我正在尝试在 angular 2 中显示组件文本。但它不显示。您能告诉我哪里做错了吗？这是我的代码

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

<!DOCTYPE html>
<html>

  <head>
    <script src="https://code.angularjs.org/2.0.0-beta.0/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="https://code.angularjs.org/2.0.0-beta.0/Rx.js"></script>
    <script src="https://code.angularjs.org/2.0.0-beta.0/angular2.dev.js"></script>

    <script>
      System.config({
        transpiler: 'typescript', 
        typescriptOptions: { emitDecoratorMetadata: true }, 
        packages: {'gg': {defaultExtension: 'tp'}} 
      });
      System.import('boot')
            .then(null, console.error.bind(console));
    </script>
  </head>

  <body>
    <my-app>Loading...</my-app>
  </body>

</html>

Answer 1

由于您没有文件夹（包），您可以明确指定您的扩展名。

  System.import('boot.tp')
        .then(null, console.error.bind(console));

和

   import { AppComponent } from './script.tp'

为什么文本不显示在 angular 中？

why the text is not display in angular?

angular

angular2-routing

angular2-template

angular2-directives