Question

我在ionic中为我的应用程序使用了自定义主题。但是除了bootstrap之外，它还有一些CSS和javascript依赖项。您能帮我如何将这些库导入我的应用程序？问候

Answer 1

如果试图将Bootstrap导入到项目中，听起来好像您可能缺少一些Angular使用理论。

它使用一组特定的类，并且它们与Angular / Ionic不兼容。

Ionic将为您提供跨设备的基准样式集，因此您应该真正与Ionic合作，以建立其样式，而不是尝试与其他系统抗衡。

但是，要回答您的问题：

导入CSS

您可以像这样在导入的包中编辑app.scss和参考文件：

@import '~@swimlane/ngx-datatable/release/assets/icons';

请注意~的开头，然后是程序包名称，然后是文件路径。您不需要在末尾放置.css或.scss，但可以。

导入JS

我不确定执行此操作的最佳方法，但是可以通过编辑<head>将脚本包含在index.html中。

这实际上并没有完成，听起来好像您误解了Angular / Ionic的工作方式。

它基于构建Web组件，您可以让Angular管理实际的实时html。您编写的代码是TypeScript，它可以与设置数据模型的各种API交互，然后让Angular生成实际的脚本。

Answer 2

有一个用于加载异步JavaScript文件的库。 https://www.npmjs.com/package/scriptjs

安装软件包：

private bool AnyChildDomainExists(Domain parentDomain, int childDomainID)
{
    if (parentDomain.DomainID == childDomainID) return true;

    foreach(Domain domain in parentDomain.Domains)
    {
        if (AnyChildDomainExists(domain, childDomainID)) return true;
    }

    return false;
}

然后在如下所示的任何地方使用它：

npm i scriptjs

OR

您可以简单地使用jquery方法在标题中添加或删除脚本标签。

要添加.js文件，请在ngOnInit（）下的以下行调用：

import { get } from 'scriptjs';

ngOnInit() {

    get("assets/js/searchEmp.js", () => {
        getSerchInspContext = this;
        loadSearchEmp();
    });}`

删除.js文件：

$('head').append('<script async src="assets/js/search.js"></script>');

如何在Ionic 4中导入自定义CSS和JS

2 个答案:

导入CSS

导入JS