Angular6 在angular 6项目中添加具有自定义属性的自定义脚本

我需要在angular项目的组件中添加脚本（cdn）

在它上面

        // Start: for drop box
        var dbx = new Dropbox({ accessToken: 'A4fRBcFXasdkpAAAAAdgfdfgdfgAAAAAZBlQ9MJNe81yrTLOCioH-7Ty083asdEQSqTD97s7mLIJH0V', fetch: fetch });
        dbx.filesListFolder({ path: '' })
          .then(function (response) {
            console.log(response);
          })
          .catch(function (error) {
            console.log(error);
          });
        // End: for dropbox```

这是在DOM中创建的脚本

我需要在DOM中创建这样的脚本

---

使用设置属性设置自定义属性

addJsToElement1(src: string, type: string): HTMLScriptElement {
    const script = document.createElement('script');
    script.setAttribute('data-app-key', 'Test');
    script.type = type;
    script.src = src;
    this.renderer.appendChild(document.body, script);
return script;
}

addJsToElement1(src: string, type: string): HTMLScriptElement {
    const script = document.createElement('script');
    script.setAttribute('data-app-key', 'Test');
    script.type = type;
    script.src = src;
    this.renderer.appendChild(document.body, script);
return script;
}