我是angularjs2的新手,但已经在angularjs1中完成了一个项目。我也是打字稿的新手。我已经遵循了typescript和angularjs2教程。我从未使用过systemjs或requirejs。
我想使用angularjs2和typescript与一些外部库(如fullcalendar和soundmanager2)构建一个Web应用程序(最好是一页)。我也喜欢用jade和sass作为我的视图和造型引擎/ whatev。 我想将其用作在浏览器中打开的简单html
假设我为我的“通用动态模块加载器”选择了systemjs。
<html>
<head>
<title>Angular 2 QuickStart</title>
<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-alpha.44/angular2.dev.js"></script>
<script>
System.config({
transpiler: 'typescript',
typescriptOptions: { emitDecoratorMetadata: true }
});
System.import('./app.ts');
</script>
</head>
<body>
<my-app>loading...</my-app>
</body>
</html>
import {bootstrap, Component, FORM_DIRECTIVES, CORE_DIRECTIVES} from 'angular2/angular2';
@Component({
selector: 'my-app',
template: `
<h1>{{title}}</h1>
<h2>My Heroes</h2>
`,
directives: [CORE_DIRECTIVES, FORM_DIRECTIVES]
})
class AppComponent {
public title = "Tour of Heroes";
}
bootstrap(AppComponent);
上面的代码来自angularjs2教程。
我理解angularjs是意见所以我想一切都有它在角度代码中的位置但是上帝我很难组织这个。