Я работаю с файлом в формате pdf в приложении angular 7.Я должен показать его превью в виде флипбука в новом окне.Я нашел одно приложение javascript для справки, но не смог интегрировать его с угловым приложением.У меня есть одно приложение javascript, как показано ниже url https://github.com/erayakartuna/pdf-flipbook.
В моем приложении angular 7 я создал компонент с именем Preview, который я вызываю при нажатии кнопки из другого компонента.
Поскольку в приложении javascript есть все js, а также css файлы и preview.html файлы, я скопировал все файлы JS and CSS в папку assets.
Я заменил шаблон компонента предварительного просмотраURL с preview.html приложения javascript.В preview.html есть тег, который вызывает функцию JS, но не работает с приложением Angular 7.
Это структура моего приложения,
Код селектора компонента и templateUrl,
@Component({
selector: 'app-preview',
templateUrl: './preview.html',
styleUrls: ['./preview.component.scss']
})
export class PreviewComponent implements OnInit {
.
.
}
код Preview.html вызова функции js,
<script type="text/javascript" src="assets/js/pdf-flip.js"></script>
<script type="text/javascript">
$(document).ready(function () {
PdfFlip.init();
});
</script>
но по мере выполнения я узнал, чтофункция, вызванная из preview.html, т.е. PdfFlip.init() не выполняется.Таким образом, приложение javascript не выполняется.Может кто-нибудь помочь мне разобраться в проблеме?