在Angular 4 Project中使用Add to Homescreen js

Question

我刚开始学习Angular开发。我有一个任务，包括下面添加到我的一个页面内的主屏幕jquery插件。

http://cubiq.org/add-to-home-screen

我正在尝试在home.component.ts文件中执行以下操作

ngAfterViewInit() {
     $.getScript('addtohomescreen.js');
     addToHomescreen({
             skipFirstVisit: false,
             lifespan: 0,
             maxDisplayCount: 3,
             displayPace : 0
         });
}

我在控制台中遇到错误。

./src/app/home/home.component.ts:175:9 
    TS2304: Cannot find name 'addToHomescreen'.

任何人都可以帮我在我的ts文件中正确实现吗？

Answer 1

您需要在angular-cli.json的scripts部分中提及外部脚本。可以找到更多详细信息here。

Answer 2

让我们假设您的addtohomescreen.js位于assets文件夹中。 然后尝试以下代码：

import 'relative path to assets folder/addtohomescreen.js';
...
ngAfterViewInit() {
   addToHomescreen({
         skipFirstVisit: false,
         lifespan: 0,
         maxDisplayCount: 3,
         displayPace : 0
  });
}

希望有所帮助：）

Answer 3

addToHomescreen.js可用作NPM包。您可以找到相同here的详细信息。 还给出了使用它的说明。