Question

我正在使用打字稿开发angular2应用程序。

这是我的组件 login.ts

import {Component, View} from 'angular2/core';
import {FormBuilder,  FORM_DIRECTIVES } from 'angular2/common';
@Component({
  selector: 'login',    
  injectables: [FormBuilder]
})
@View({
  template: '/scripts/src/components/login/login.html',
  directives: [FORM_DIRECTIVES]
})

export class login {

}

这是我的 bootstrap.ts

//import {bootstrap} from 'angular2/angular2';
import {bootstrap} from 'angular2/platform/browser';
import {login} from './components/login/login';

bootstrap(login);

这是我的 index.html 文件

<!doctype HTML>
<html>

<head>
    <script src="https://github.jspm.io/jmcriffey/bower-traceur-runtime@0.0.87/traceur-runtime.js"></script>
    <script src="https://jspm.io/system@0.16.js"></script>

    <script src="https://code.angularjs.org/2.0.0-beta.1/angular2.dev.js"></script>
    <script src="https://code.angularjs.org/2.0.0-beta.1/router.dev.js"></script>

</head>

<body>
    <div class="container">
        <login></login>
    </div>
    <script>
        System.import('scripts/src/bootstrap');
    </script>
</body>

</html>

但是当我运行我的应用程序时，它给了我错误

我无法解决我的错误，请帮助您运行此应用。

Answer 1

由于您是从jspm.io加载system.js，因此默认根路径位于jspm.io域中，因此找不到引导程序。

此外，我不相信@View已经存在这样的事情了。将所有参数放在@Component。

中

您应该查看http://angular.io上的最新代码示例。它最近发生了很大的变化。以正确的顺序获得正确的库是必不可少的。

Angular2没有工作给出错误

1 个答案: