Question

我在资产文件夹中有一个侧边栏菜单脚本文件，该文件包含在index.html中。每当我刷新home/dashboard子路由时，脚本便会起作用。如果我从初始路由/重定向到home/dashboard，则侧边栏显示/隐藏按钮将不起作用（此逻辑是我提到的脚本的一部分）刷新页面后，外部脚本将正常运行。这是我的路由模块

 app.routing.module.ts

 const routes: Routes = [
      { path: '', redirectTo: '/home', pathMatch: 'full' },
      //{ path: 'login', component: LoginComponent,  },
      { path: 'home', component: HomeComponent,
      children:[
        { path: '', redirectTo: 'dashboard', pathMatch: 'full' },
        { path: 'dashboard', component: DashboardComponent,},
        { path: 'totalapproved', component: ApprovedComponent,},
        { path: 'campaign', component: CampaignmanagerComponent,},]}
    ]

是否可以将外部资产脚本添加到angular.json文件？

Answer 1

您可以在angular.json文件中添加外部脚本和样式，例如

"styles":[ 
"src/assets/css/style.css"
],
"scripts"[
"src/assests/js/script.js"
]

Answer 2

"styles":[ 
"/style.css"
],

"scripts"[
"src/script.js"
]

如果您使用的是CDN，也可以将其添加到index.html。

如何在angular 6中使用外部js文件到angular.json

2 个答案: