Блог

Я работаю с файлом в формате pdf в приложении angular 7. Я должен показать его предварительный просмотр в виде флипбука в новом окне. Я нашел одно приложение javascript для справки, но не смог интегрировать его с приложением angular. У меня есть одно приложение javascript, как указано в приведенном ниже URL https://github.com/erayakartuna/pdf-flipbook .

В моем приложении Angular 7 я создал компонент с именем Preview , который я вызываю при нажатии кнопки из какого-либо другого компонента.

Поскольку приложение javascript имеет все, js а также css файлы и preview.html file, я скопировал все JS and CSS файлы в assets папку.

Я заменил URL шаблона компонента предварительного просмотра на preview.html javascript-приложения. В preview.html теге having, который вызывает функцию 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 i.e PdfFlip.init() , не выполняется. Таким образом, приложение javascript не выполняется.
Кто-нибудь может помочь мне разобраться в проблеме?