Сделайте ссылку HTML-ссылки Mat-Raised-Button в формате PDF (Angular 6 + материал)

Luke спросил: 12 мая 2018 в 04:35 в: html

Добрый день,

У меня есть два тесно связанных вопроса: 1. Когда я нажимаю следующий код:

HTML

<a mat-raised-button 
class="sample-button" 
color="primary" 
href="{{card.ButtonURL}}"
>{{card.Label}}</a>

Ссылка на объект (машинопись):

  {
    Name:'Test PDF', cols: 1, rows: 1,
    Label: 'Test PDF',
    ButtonURL: '../pdfs/test.pdf',
    imageURL: 'https://png.icons8.com/material/480/00457C/upload-link-document.png',
    imageDesc: 'Test Description',
    },

Почему <a mat-raised-button href="../pdfs/test.pdf"></a> изменить URL (см. изображение 4) вместо открытия test.pdf в новом окне?

  1. Если у меня есть опрос и хотел бы связать с файлом для загрузки с моего веб-сервера, нужно ли его настраивать в угловом веб-приложении или я могу просто указать путь к файлу на сервере?

Спасибо вы за вашу помощь, я новичок.

Изображения:

Структура структуры папок

Структура папки / src

Снимок экрана с приложения

Снимок экрана приложения после ссылки на тестовую ссылку

1 ответ

Есть решение
Maciej Wójcik ответил: 12 мая 2018 в 04:51

Во-первых, вам нужно добавить цель в <a>, чтобы открыть ее в новом tabexample:

<a target="_blank" href="{{card.ButtonURL}}">{{card.Label}}</a>

Во-вторых, вы должны быть уверены, что URL-адрес действителен, Я имею в виду, что в этом месте действительно есть PDF. Я также предлагаю вам поместить ваш файл PDF в папку с ресурсами - по умолчанию для углового хранения локальных файлов

Luke ответил: 12 мая 2018 в 05:03
Я считаю, что моя проблема заключалась в том, что я попытался установить target ="" после href ="" Я использовал < a > < / a > тег. Я также переключился на использование папки с ресурсами, и все, кажется, работает правильно. спасибо за помощь
Maciej Wójcik ответил: 12 мая 2018 в 05:07
рад помочь вам