带有sails js的Angular JS 2路线

Question

我正在尝试在前面设置一个带有 Angularjs 2 的sails js 应用程序。 我想用angularJS系统路由和nosails js系统。

如何禁用风帆路线并让角度控制它们？ 这是我的 app.component.ts，我在其中声明路由 /account

import {View, Component} from 'angular2/core';
import {RouteConfig, ROUTER_DIRECTIVES} from 'angular2/router';
import {AccountComponent}   from './account.component';

@Component({
    selector: 'my-app',
    template: `<router-outlet></router-outlet>`,
    directives: [ROUTER_DIRECTIVES]
})
@RouteConfig ([
    {path: '/account', name: 'Account', component: AccountComponent}
])


export class AppComponent {

}

如果我删除 config/routes.js 中的路由，这将不起作用。 我尝试禁用 config.blueprint.js 中的一些选项，但效果不佳。

我想使用 Angular 路由进行 SPA 并且不重新加载页面。

谢谢。

Answer 1

其实在服务器没有配置的情况下尝试直接访问路由报错是很正常的。事实上，路由的实际地址正在由 Angular2 更新（并且没有 # / hashbang 方法），而在使用路由时无需与服务器进行任何交互。该路径在服务器上不存在。如果您加载 HTML 入口点文件，一切都会正常工作。唯一的问题是当您尝试从路径直接访问路由时...

默认情况下，Angular2 使用 HTML5 历史记录。如果您不想遇到这个问题，您需要更新您的服务器，以便为您定义的每个路由路径提供 index.html 文件。

如果要切换到HashBang方式，需要使用这个配置：

import {bootstrap} from 'angular2/platform/browser';
import {provide} from 'angular2/core';
import {ROUTER_PROVIDERS} from 'angular2/router';
import {LocationStrategy, Location, HashLocationStrategy } from 'angular2/router'; 

import {MyApp} from './myapp';

bootstrap(MyApp, [
  ROUTER_PROVIDERS,
  provide(LocationStrategy, {useClass: HashLocationStrategy}
]);

在这种情况下，当您刷新页面或直接访问该页面时，它会再次显示（但您的地址中会有一个#）。

此链接也可以帮助您：

• Angular 2 : 404 error occur when i refresh through Browser

希望对你有帮助 蒂埃里

Answer 2

我必须为 config/routes.js 中的所有路由返回“/”，并让 angular 显示其他视图。