Question

我是角度4的新手。我有一个问题，每次当我导航到任何页面重新加载我的js文件并且我使用HTML和CSS模板时，我必须刷新我的页面。我把所有CSS和JavaScript文件链接到索引页面。这是我索引页面的代码。

<!DOCTYPE html>
 <html lang="en">
 <head>
 <meta charset="utf-8">
 <base href="/">
 <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
 <meta content="width=device-width, initial-scale=1, maximum-scale=1, userscalable=no" name="viewport" />
 <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css" />
 <!-- Bootstrap Core Css -->
 <link href="assets/plugins/bootstrap/css/bootstrap.css" rel="stylesheet" />
 <!-- Waves Effect Css -->
 <link href="assets/plugins/node-waves/waves.css" rel="stylesheet" />
 <!-- Animation Css -->
 <link href="assets/plugins/animate-css/animate.css" rel="stylesheet" />
 <!-- Morris Chart Css-->
 <link href="assets/plugins/morrisjs/morris.css" rel="stylesheet" />
 <!-- Custom Css -->
 <link href="assets/css/style.css" rel="stylesheet">
</head>

<body class="theme-red">
 <app-root></app-root>
 <script src="assets/plugins/jquery/jquery.min.js"></script>
 <script src="assets/plugins/bootstrap/js/bootstrap.js"></script>
 <script src="assets/plugins/bootstrap-select/js/bootstrap-select.js"></script>
</body>
</html>

CSS和脚本文件不仅仅是这个，但我在这里排除它们只是为了让事情变得可以理解。我的登录页面首先出现，其设计与所有其他页面不同。当我登录然后我必须刷新页面加载javaScript文件之后，当我导航到另一个页面然后我必须再次做同样的事情。我是新手，这就是为什么我不知道这个问题的专业术语。这是我的app路线代码

const ROUTES: Routes = [
{
    path: '',
    component: LoginComponent,
    children: [
        {
            path: 'login',
            component: LoginComponent
        }
    ]
},

{
    path: 'production',
    component: ProductionComponent,
    canActivate: [AuthGuard],
    children: [
        {
            path: '',
            component: ProductionHomeComponent
        },
        {
            path: 'item-registration/fgs',
            component: FgsComponent
        },
        {
            path: 'item-registration/product-details/:id/:productname',
            component: ProductDetailsComponent
        }
    ]

},

];
export const AppRoutes: ModuleWithProviders = RouterModule.forRoot(ROUTES);

JavaScript文件未正确加载Angular

0 个答案: