PHP アプリに angular2 を統合しようとしています。これが私が実行した手順です
- 必要な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 との競合があるようです。プルカーを参照してください: http://plnkr.co/edit/XKKpriTPrTX3tXqqz8v2?p=preview