我在angular2中的应用程序是组件之后的完全功能加载组件。当我试图用它和电子一切都走下坡路时。我一直在尝试遵循不同的教程,但它们并不适合我。任何人都可以指出我为什么这不起作用的方向。
index.html里面的app /
<html>
<head>
<meta charset="utf-8">
<title>QuizzUmmah</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<h1>Index On</h1>
<app></app>
<script src="../node_modules/angular2/bundles/angular2-polyfills.js"></script>
<script src="../build/common.js"></script>
<script src="../build/angular2.js"></script>
<script src="../build/app.js"></script>
</body>
</html>
app / start /
内的应用程序///<reference path="../../node_modules/angular2/typings/browser.d.ts"/>
import {bootstrap} from "angular2/platform/browser";
import { Component, provide } from "angular2/core";
import { ROUTER_DIRECTIVES, RouteConfig, Router, ROUTER_PROVIDERS } from 'angular2/router';
import { APP_BASE_HREF,HashLocationStrategy, Location, LocationStrategy } from '@angular/common';
import { Control } from 'angular2/common';
import { HomeComponent } from '../home/home.component';
@RouteConfig([
{ path: '/home', component: HomeComponent, name: 'HomeComponent' },
{ path: '/**', redirectTo: ['HomeComponent'] }
])
@Component({
selector: "app",
template:`<h1>Working</h1>
<router-outlet></router-outlet>`,
directives: [ROUTER_DIRECTIVES],
})
export class App {}
bootstrap(App, [
ROUTER_PROVIDERS,
provide(APP_BASE_HREF, { useValue: '/' }),
provide(LocationStrategy, { useClass: HashLocationStrategy })
]);
app app / home中的HomeComponent
import { Component} from '@angular/core';
import { Router } from '@angular/router';
@Component({
selector: 'app-home',
template: `<h1>Home is working</h1>`,
})
export class HomeComponent{
constructor(){}
}
答案 0 :(得分:1)
只需更改 index.html 文件的正文,如下所示。在身体内部使用<body>
<base href="">
<h1>Index On</h1>
<app></app>
<script src=".....></script>
</body>
标签而不使用&#34; /&#34;符号并试一试。
{{1}}