在Angular项目中,可以通过在MVC的cshtml页面中引入css和js文件来应用到Angular项目中。以下是一种解决方法:
Renderer2
来动态创建和加载css和js文件。在根组件的构造函数中注入Renderer2
:import { Component, Renderer2 } from '@angular/core';
@Component({
selector: 'app-root',
template: ' '
})
export class AppComponent {
constructor(private renderer: Renderer2) {
this.loadCss('path/to/style.css');
this.loadJs('path/to/script.js');
}
private loadCss(url: string) {
const link = this.renderer.createElement('link');
link.rel = 'stylesheet';
link.href = url;
this.renderer.appendChild(document.head, link);
}
private loadJs(url: string) {
const script = this.renderer.createElement('script');
script.src = url;
this.renderer.appendChild(document.body, script);
}
}
Renderer2
的createElement
方法创建和