2016-01-02 102 views
3

我想在我的PHP應用程序中整合angular2。 下面是已經執行Angular2 - 沒有提供ExceptionHandler

  1. 包括必要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

  • 創建angular2在打字稿組分:
  • import {Component} from 'angular2/core'; @Component({ selector: 'hello-world', template: 'My First Angular 2 App' })
    export class AppComponent { }

    1. 配置:

    <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>

    輸出: enter image description here

    編輯:

    似乎有與的prototype.js衝突和角2.見pluker:http://plnkr.co/edit/XKKpriTPrTX3tXqqz8v2?p=preview

    回答

    3

    我得到這個錯誤幾次。根據這樣的:Angular Quickstart

    您可能忽略了幾個腳本:

    <script src="node_modules/es6-shim/es6-shim.min.js"></script> 
    <script src="node_modules/systemjs/dist/system-polyfills.js"></script> 
    

    如果使用Internet Explorer,您應該還記得,包括:

    <script src="node_modules/angular2/es6/dev/src/testing/shims_for_IE.js"></script> 
    
    +0

    有seprate墊片文件爲每像IE瀏覽器? –

    +1

    @PardeepJain不是我意識到的,但你可以查看該文件夾中的文件,看看有什麼:) – Rick

    +0

    @PardeepJain:不,沒有。這個爲IE11的原因可以從該文件內容中找到。例如,'function.name'在所有其他主流瀏覽器上都能正常工作,但不能在IE中使用。 [Here's](http://stackoverflow.com/q/6903762)更多詳情。 –

    相關問題