Question

我正在 angular-2 开发一个应用程序，其中我有一个索引页面，它将加载我的应用程序组件。 app组件将路由加载到主页或登录。

这是我的index.html

function insertUser($data,$encrypted_string)
    {
          return $this->db->insert('user', $data,$encrypted_string);
    }

这是我的 bootstrap.ts

<!doctype HTML>
<html>

<head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" >
    <script src="/angular2/bundles/angular2-polyfills.js"></script>
    <script src="/systemjs/dist/system.src.js"></script>
    <script src="/rxjs/bundles/Rx.js"></script>
    <script src="/angular2/bundles/angular2.dev.js"></script>
    <script src="/angular2/bundles/upgrade.dev.js"></script>
    <style>
       *{
            border-radius: 0px !important;
        }
    </style>
</head>

<body>
    <div class="container">
      <app>Loading......</app>
    </div>
    <script>
       System.config({
            defaultJSExtensions: true,
        packages: {        
          app: {
            defaultExtension: 'js'
          }
        },
        paths: {
            'angular2/upgrade': '../node_modules/angular2/upgrade'
          }

      });
        System.import('scripts/src/bootstrap');
    </script>
</body>

</html>

这是我的 app.ts

//import {bootstrap} from 'angular2/angular2';
///<reference path="../node_modules/angular2/typings/node/node.d.ts" />
import {UpgradeAdapter} from 'angular2/upgrade';
import {bootstrap} from 'angular2/platform/browser';
import {ROUTER_PROVIDERS} from 'angular2/router';
import {HTTP_PROVIDERS} from 'angular2/http';


import {App} from './components/app/app';
import {LoginService} from './services/loginService';
import {HttpService} from './services/httpServices';

bootstrap(App, [HTTP_PROVIDERS, ROUTER_PROVIDERS, LoginService, HttpService]);

加载我的其他组件，但是当我运行我的应用程序时给我错误。

拜托，纠正我在这里缺少的东西。

Answer 1

更新（2.0.0 final）

@NgModule({
  providers [
    RouterModule.forRoot(myRoutes), 
    { provide: APP_BASE_HREF, useValue : 'path'}
  ],
  bootstrap: [AppComponent]
]);

<强>原始

https://angular.io/docs/ts/latest/guide/router.html

在<head>标记之后添加基本元素。如果app文件夹是应用程序根目录，就像我们的应用程序一样，请将href值完全设置为，如下所示。

<base href="/">

或者添加

bootstrap(AppComponent, [
  ROUTER_PROVIDERS, 
  provide(APP_BASE_HREF, {useValue : 'path'})
]);

在你的引导程序中。

在Angular2中实例化LocationStrategy时出错

1 个答案: