Question

我正在做什么的解释：我正在制作一个HTML编辑器，现在为了编辑一个部分[关于我们的例子，功能，好处]我需要在编辑器中加载我模板的所有css，js，这个目的我需要调用外部css，js文件。这些文件与我的编辑器无关，但为了正确加载我的部分，我需要调用这些文件。希望你明白我的要求

我正在尝试在angular2项目中创建一个简单的view.html页面。

在我的view.component.html上，我将分两步插入HTML数据： Step1：我正在加载html骨架结构，如下所示：

ngOnInit() {
    // insert the template skeleton code 
this.get_template_skeleton  = JSON.parse(localStorage.getItem("templateType"));
console.log(this.get_template_skeleton.template_code);
this.document.body.innerHTML += this.get_template_skeleton.template_code;

模板正文看起来像这样：

<html lang="en">
<head>
    <meta charset="utf-8">
<link rel="stylesheet" href="sources/template/css/style.css" type="text/css">
</head>
<body id="page-top">
    <div id="main-wrapper">
{{CONTENT}}
    </div>
 <script src="sources/template/js/count.js"></script>
    <script src="sources/template/js/menu.js"></script>
</body>
</html>

第2步：我在<div id="main-wrapper">中插入html数据，如下所示：

this.document.getElementById("main-wrapper").innerHTML = this.section_desc;

我已经放置了我的css，js这样的文件 - sources / template / css /，sources / template / js /

我应该在哪里放置我的源文件夹，以便我的文件加载，目前它们没有加载。

这就是我在控制台中看到的，因为没有调用css，js文件

https://www.dropbox.com/s/hd1rwvdwlugwzxz/Screenshot%202017-05-29%2014.05.54.png?dl=0

Answer 1

如果您使用angular-cli开发项目，则需要将自定义样式添加到 .angular-cli.json 文件中：

"styles": [
    "styles.css",
    // location-to-your-custom-styling-file
  ],

css，js文件未指向angular2

1 个答案: