Я работаю над приложением angular 6.Я хочу использовать HashLocationstrategy в моем приложении.Мой пользовательский интерфейс выглядит следующим образом: 
Итак, теперь, когда пользователь нажимает «Кампания по ссылке», я беру пользователя на новую вкладку в браузере, чтобы выбратьТребуется дополнительная кампания для привязки и публикации ссылок. Я возвращаю пользователя в свое угловое приложение.Теперь при возврате пользователя в мое приложение я хочу вернуть пользователя с хешем.
Например: http://localhost:4200/#/campaign-details/2 ( Обязательный формат ) http://localhost:4200/campaign-details/2( Фактический формат, который я получаю )
Вот как выглядит мой Component.html:
<div class=" text-center">
<h3 *ngIf="!SubCampaign">{{SubCampaign}}</h3>
<a href="http://localhost:64674/portal/Campaigns/Edit/{{CampaignId}}" target="_blank" *ngIf="SubCampaign == null" class="btn btn-outline-primary "> <i class="zmdi zmdi-link zmdi-hc-fw"></i>Link SubCampaign</a>
</div>
А затем приведенная выше ссылка перенесет его на мой сервер, который является C # (веб-API), и мой контроллер выглядит так:
public ActionResult Edit(int? id)
{
if (id == null)
{
return new HttpStatusCodeResult(HttpStatusCode.BadRequest);
}
Campaign campaign = db.Campaigns.Find(id);
var subcampaign = db.SubCampaigns.Select(x => new {x.Id , x.Name }).ToList();
if (campaign == null)
{
return HttpNotFound();
}
var cId = db.Campaigns.Where(x => x.Id == id);
ViewBag.cmapId = cId;
ViewBag.CampaignName = campaign.Name;
ViewBag.SubCampaigns_Id = new SelectList(subcampaign, "Id", "Name");
ViewBag.Department_Id = new SelectList(db.Departments, "Id", "Name", campaign.Department_Id);
ViewBag.BeneficiaryGroup_Id = new SelectList(db.BeneficiaryGroups, "Id", "Name", campaign.BeneficiaryGroup_Id);
return View(campaign);
}
Приведенный выше фрагмент имеет представление (.cshtml) для выбора подкампании. ПРИМЕЧАНИЕ: ( Здесь не упоминается код представления. )
Метод http Post для приведенного выше кода выглядит следующим образом:
[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Edit([Bind(Include = "Id,Department_Id,Name,IsIVRCampaign,BeneficiaryGroup_Id,SubCampaigns_Id")] Linksubcampaign campaign)
{
if (ModelState.IsValid)
{
//db.Entry(campaign).State = EntityState.Modified;
//db.SaveChanges();
//return RedirectToAction("Index");
var subcamp = db.SubCampaigns.Where(x => x.Id == campaign.SubCampaigns_Id).FirstOrDefault();
subcamp.Campaign_Id = campaign.Id;
db.SaveChanges();
ViewBag.campId = campaign.Id;
return View("ReturnUrl", new { CampaignId = ViewBag.campId });
}
И я веду пользователя к методу действия " RetrunUrl ", в котором я возвращаю пользователя обратно в приложение angular 6. RetrunUrl контроллер метода действия и страница просмотра (.cshtml) выглядит следующим образом.
public ActionResult ReturnUrl(int? CampaignId)
{
ViewBag.CampId = CampaignId;
return View();
}
<div class="hidden">
<form action="http:localhost:4200/#/campaign-details/@ViewBag.CampId" method="post" id="returnForm">
<input type="submit" />
</form>
</div>
<script type="text/javascript">
setTimeout(function () {
$('form#returnForm').submit();
}, 2000);
</script>
мой модуль приложения выглядит так:
import { browser } from 'protractor';
import { CampaignDetailsComponent } from './campaign-details/campaign-details.component';
import { HttpClientModule } from '@angular/common/http';
import { CampaignService } from './../../services/campaign.service';
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import {RouterModule} from '@angular/router'
import { AppComponent } from './app.component';
import { HttpModule } from '@angular/http';
import { HomeComponent } from './home/home.component';
import { FormsModule } from '@angular/forms';
import { Ng2GoogleChartsModule } from 'ng2-google-charts';
import { CampaignHeaderComponent } from './campaign-header/campaign-header.component';
import { CountToModule } from 'angular-count-to';
import { QuestionnaireComponent } from './questionnaire/questionnaire.component';
import { FilterPipe } from './filter.pipe';
import { BrowserAnimationsModule} from '@angular/platform-browser/animations';
import {MatProgressBarModule} from '@angular/material/progress-bar';
import { TreemapComponent } from './treemap/treemap.component';
import { LocationStrategy, HashLocationStrategy } from '@angular/common';
@NgModule({
declarations: [
AppComponent,
CampaignDetailsComponent,
HomeComponent,
CampaignHeaderComponent,
QuestionnaireComponent,
FilterPipe,
TreemapComponent
],
imports: [
BrowserModule,
BrowserAnimationsModule,
MatProgressBarModule,
HttpModule,
HttpClientModule,
FormsModule,
CountToModule,
Ng2GoogleChartsModule,
RouterModule.forRoot([
{path:'',component:HomeComponent},
{path:'campaign-details/:Id',component:CampaignDetailsComponent}
])
],
providers: [
CampaignService,
{provide: LocationStrategy, useClass: HashLocationStrategy}
],
bootstrap: [AppComponent]
})
export class AppModule { }
И вот в этом и заключается моя проблема.Он не возвращается с хэш-значением.Даже я пытался явно сохранить хэш.Любые предложения, где я иду не так.Большое спасибо заранее.