проблема с маршрутом angular4 путем добавления символа «% 2f» перед путем

Причина использования вложенного маршрута для меня заключается в динамической обработке значка и кнопки «Назад» для каждой страницы. У меня есть абстрактный маршрут, потому что, когда я нажимаю кнопку «Назад», параметры маршрута исчезают, и я помещаю абстрактный путь, чтобы сохранить параметр типа id и questionnaire в url.my abstract путь Questionaire

 { path: 'Home', component: HomeComponent,data:{icon:'fa-home'} },
 { path: 'QuestionaireList', component: QuestionaireListComponent,data:{icon:'fa-list-ul',previousState:'/Home'} },
 { 
      path: 'Questionaire/:questionnaireType/:id',
      children:[ 
      { path: 'AddQuestionnaire', component: CreateQuestionnaireComponent,data:{icon:'fa-plus',previousState:'/QuestionaireList'} },
      { path: 'UpdateQuestionnaire', component: EditComponent,data:{icon:'fa-pencil',previousState:'/QuestionaireList'} },
      { path: 'QuestionList', component: QuestionListComponent,data:{icon:'fa-pencil',previousState:'/QuestionaireList'} },
      { path: 'ImportQuestion',    component: ImportQuestionComponent,data:{icon:'fa-plus',previousState:'/QuestionaireList'}  },
      { path: 'MetaContentList', component: MetaContentListComponent,data:{icon:'fa-database',previousState:'/QuestionaireList'} },
      { path: 'ModifyMetaContent/:metaContentId/:title', component: ModifyMetaContentComponent,data:{icon:'fa-database',previousState:'/MetaContentList'}},
    ]}

Также в questionnaire.list.html я ссылаюсь на каждый путь через routerlink ниже, это одна из моих ссылок:

[routerLink]="['/Questionaire',item.questionnaireType,item.id,'/UpdateQuestionnaire']"

это моя ссылка:

 <a  class="primary small ui icon button" [routerLink]="['/Questionaire',item.questionnaireType,item.id,'/UpdateQuestionnaire']" >
                <i class="edit   icon"></i>
              </a>

Я ожидал, что когда я нажму на ссылку, я направлюсь на этот адрес:

.../Анкета/1/b8b55b42-f39f-4359-93d0-0260ddf3827f/Обновление Анкеты

Но возникла эта ошибка

Не удается сопоставить ни одного маршрута. Сегмент URL: 'Questionaire/1/b8b55b42-f39f-4359-93d0-0260ddf3827f/%2FUpdateQuestionnaire'

на самом деле routerlink добавляет %2f перед UpdateQuestionnaire. почему это происходит? что не так в моем коде


angular angular-router angular2-routing angular4-router
person Aref Zamani    schedule 03.01.2018    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Вы пытались удалить косую черту в ссылке на маршрутизатор следующим образом:

[routerLink]=['Questionaire', item.questionnaireType, item.id, 'UpdateQuestionnaire']?

Похоже, возникла проблема с косой чертой в routerlink, как описано в этом сообщении.

Я бы опубликовал это как комментарий, но, поскольку у меня недостаточно репутации, я опубликую это как ответ, извините за это.

Надеюсь, это прояснит для вас ситуацию.

С уважением Крис

person ChrisEenberg    schedule 03.01.2018