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

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.html还可以将其添加到索引中。