我正面临一个问题router.parent.navigate
在Angular 2. 而且我不知道这是Angular问题还是我的代码有问题。
当我有父组件App.ts
其中内容配置路由和主机的所有意见。问题与Router.Parent.Navigate()
///<reference path="../../node_modules/angular2/angular2.d.ts"/>
///<reference path="../../node_modules/angular2/router.d.ts"/>
///<reference path="./BusinessNameLookup/BusinessNameLookup.ts"/>
///<reference path="./LookupDetails/LookupDetails.ts"/>
///<reference path="./BusinessNames/BusinessNames.ts"/>
///<reference path="./BusinessWebAddress/BusinessWebAddress.ts"/>
///<reference path="./BusinessCategory/BusinessCategory.ts"/>
///<reference path="./ContactInformations/ContactInformations.ts"/>
///<reference path="./BusinessPurchaseAddress/BusinessPurchaseAddress.ts"/>
///<reference path="./BusinessImages/BusinessImages.ts"/>
///<reference path="./SurveyQuery/SurveyQuery.ts"/>
///<reference path="./ABN/ABN.ts"/>
import {bootstrap, Component, View, bind, Inject} from 'angular2/angular2';
import {
ROUTER_DIRECTIVES,
ROUTER_PROVIDERS,
RouteConfig
, ROUTER_BINDINGS, RouterLink, RouterOutlet, Route,
LocationStrategy, HashLocationStrategy} from 'angular2/router';
/* Importing Application Components */
import { BusinessNameLookup } from './BusinessNameLookup/BusinessNameLookup.ts';
import { ABN } from './ABN/ABN.ts';
import { LookupDetails } from './LookupDetails/LookupDetails.ts';
import { Businessnames } from './BusinessNames/BusinessNames.ts';
import { BusinessWebAddress } from './BusinessWebAddress/BusinessWebAddress.ts';
import { BusinessCategory } from './BusinessCategory/BusinessCategory.ts';
import { ContactInformations } from './ContactInformations/ContactInformations.ts';
import { BusinessPurchaseAddress } from './BusinessPurchaseAddress/BusinessPurchaseAddress.ts';
import { BusinessImages } from './BusinessImages/BusinessImages.ts';
import { SurveyQuery } from './SurveyQuery/SurveyQuery.ts';
/* Importing Application Components */
import { BusinessModel } from './DataModels/BusinessModel.ts';
@Component({
selector: 'app'
})
@View({
template: `<router-outlet></router-outlet>`,
directives: [RouterOutlet, RouterLink, ROUTER_DIRECTIVES]
})
@RouteConfig([
new Route({ path: '/', component: BusinessNameLookup }),
new Route({ path: '/ABN', component: ABN, name: 'ABN' }),
new Route({ path: '/LookupDetails', component: LookupDetails, name: 'LookupDetails' }),
new Route({ path: '/BusinessNames', component: Businessnames, name: 'BusinessNames' }),
new Route({ path: '/BusinessWebAddress', component: BusinessWebAddress, name: 'BusinessWebAddress' }),
new Route({ path: '/BusinessCategory', component: BusinessCategory, name: 'BusinessCategory' }),
new Route({ path: '/ContactInformations', component: ContactInformations, name: 'ContactInformations' }),
new Route({ path: '/BusinessPurchaseAddress', component: BusinessPurchaseAddress, name: 'BusinessPurchaseAddress' }),
new Route({ path: '/BusinessImages', component: BusinessImages, name: 'BusinessImages' }),
new Route({ path: '/SurveyQuery', component: SurveyQuery, name: 'SurveyQuery' })
])
class AppComponent {
}
bootstrap(AppComponent, [ROUTER_BINDINGS, bind(LocationStrategy).toClass(HashLocationStrategy)]);
当我写它时,会导航到主页并在<router-outlet>
属性中查看它。 不,我一直把this.router.parent.navigate(['/ABN']);
这行我把它放到按钮调用的函数。 问题开始欺骗我按下这个按钮,我已经浏览到,而另一个页面,然后再返回到主页并显示问号在URL http://localhost:5000/?
其也消失也。
这是一个真正的错误吗?或者这种行为总之有意义。谢谢。 – Johannes
不确定它是否是一个真正的错误,因为HTML表单的标准行为是通过“submit”类型的输入来提交的,或者如果没有提交类型的话,表单中的第一个按钮将被提交... –