Load component specific Js and CSS in angular 6

Is there any way to load component specific js and css in angular 6 currently I have bootstrap theme with common css and js now in some case I have to add js for specific page let say I want to load js for login page but that js is not used in other components so how can I do this

Currently I am following angular.json file to add js and css for the project like this

 "styles": [
       "src/styles.css",
        "src/assets/user/app-assets/css/bootstrap.css",
        "src/assets/user/app-assets/fonts/icomoon.css",
        "src/assets/user/app-assets/fonts/flag-icon-css/css/flag-icon.min.css",
        "src/assets/user/app-assets/vendors/css/extensions/pace.css",
        "src/assets/user/app-assets/css/bootstrap-extended.css",
        "src/assets/user/app-assets/css/app.css",
        "src/assets/user/app-assets/css/colors.css",
        "src/assets/user/app-assets/css/core/colors/palette-gradient.css",
        "src/assets/user/assets/css/style.css",

        ],
        "scripts": [
        "src/assets/user/app-assets/js/core/libraries/jquery.min.js", 
        "src/assets/user/app-assets/vendors/js/ui/tether.min.js",
        "src/assets/user/app-assets/js/core/libraries/bootstrap.min.js",
        "src/assets/user/app-assets/vendors/js/ui/perfect-scrollbar.jquery.min.js",
        "src/assets/login/js/owl.carousel.js",
        "src/assets/user/app-assets/js/core/app.js",
        "src/assets/login/js/demo.js",
        ]