我正在尝试将 angular2 集成到我的 PHP 应用程序中。这是我执行的步骤
- 包括必要的JS：
../node_modules/angular2/bundles/angular2-polyfills.js
../node_modules/systemjs/dist/system.src.js
../node_modules/typescript/lib/typescript.js
../node_modules/rxjs/bundles/Rx.js
../node_modules/angular2/bundles/angular2.dev.js
- 在 Typescript 中创建 angular2 组件：
import {Component} from 'angular2/core';
@Component({
selector: 'hello-world',
template: 'My First Angular 2 App'
})
export class AppComponent { }
- 配置：
<script>
System.config({
transpiler: 'typescript',
typescriptOptions: { emitDecoratorMetadata: true }
});
</script>
- 引导程序：
<script>
System.import('angular2/platform/browser').then(function(ng){
System.import('js/app.ts').then(function(src) {
ng.bootstrap(src.AppComponent);
}).then(null, console.error.bind(console));
});
</script>
输出：
编辑：
看来prototype.js和angular 2有冲突。见pluker：http ://plnkr.co/edit/XKKpriTPrTX3tXqqz8v2?p=preview