Сделать HTML-ссылку с поднятой кнопкой HTML в PDF (Angular 6 + Материал) - PullRequest
Новая
       3

Сделать HTML-ссылку с поднятой кнопкой HTML в PDF (Angular 6 + Материал)

0 голосов
/ 05 июня 2018

Добрый день,

У меня есть два тесно связанных вопроса: 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 в новом окне?

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

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

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

Корень структуры папок

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

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

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

1 Ответ

0 голосов
/ 05 июня 2018

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

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

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

...