asi*_*cfr 20 import module jsfiddle typescript angular
虚拟问题...
我尝试在jsfiddle中的Typescript中编写angular2(2.0.0-beta.6)应用程序.
我知道在线有其他解决方案但是......
事实上,我的例子非常小,问题在于导入模块:
import {bootstrap} from 'angular2/platform/browser'
import {Component} from 'angular2/core';
我收到以下错误:
Uncaught ReferenceError: System is not defined
Uncaught ReferenceError: require is not defined
我尝试添加一些依赖项(require,system ...)但它不起作用.
并且Angular2的最新版本(beta-6)没有更多的Self-Executing捆绑(angular2.sfx.dev.js).
一些测试:
https://jsfiddle.net/asicfr/q8bwosfn/1/
https://jsfiddle.net/asicfr/q8bwosfn/3/
https://jsfiddle.net/asicfr/q8bwosfn/4/
https://开头的jsfiddle .net/asicfr/q8bwosfn/5/
https://jsfiddle.net/asicfr/q8bwosfn/6/
Gün*_*uer 10
在Plunker中,您只需使用菜单即可
New > Angularjs > 2.0.x (TS)
获得最小化的Angular2应用程序
路由器
如果你想使用路由器加入 config.js
'@angular/router': {
main: 'router.umd.js',
defaultExtension: 'js'
},
<base href=".">作为第一个孩子<head>的index.html可能是必要的,也是.
要切换到HashLocationStrategy改变main.ts从
import {bootstrap} from '@angular/platform-browser-dynamic';
import {App} from './app';
bootstrap(App, [])
.catch(err => console.error(err));
至
import {bootstrap} from '@angular/platform-browser-dynamic';
import {App} from './app';
import {provide} from '@angular/core'
import {ROUTER_PROVIDERS} from '@angular/router';
import {LocationStrategy, HashLocationStrategy} from '@angular/common';
bootstrap(App, [ROUTER_PROVIDERS, provide(LocationStrategy, {useClass: HasLocationStrategy}])
.catch(err => console.error(err));