Question

我正在使用Here来记录我的Angular项目。但是演示的Plunker代码（自动生成）不包含CSS文件。

我在Gruntfile.js中的配置包括：

...
scripts: [
    'https://code.jquery.com/jquery-2.1.4.js'
],
styles: [
    'https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.0.7/semantic.css'
]
...

在我的JS src文件中：

@example
    <example module="sui.checkbox">
        <file name="index.html">
        ...
        </file>
    <example>

在API页面上，正确加载了JS和CSS文件。但是，显示的demo源代码不包含CSS文件：

<!doctype html>
<html ng-app="sui.checkbox">
  <head>
    <script src="https://code.jquery.com/jquery-2.1.4.js"></script>
    <script src="app.js"></script>
    <!-- semantic.css should be imported here -->
  </head>
  <body>
    ...
  </body>
</html>

在我的API页面上，该演示效果很好。但是连接到Plunker并没有产生预期的结果，因为包含线的CSS不在那里。有什么建议吗？

Answer 1

使用临时解决方案。在javascript文件@example部分

中添加以下行

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.0.7/semantic.css">

grunt-ngdocs：样式文件未包含在演示代码中

1 个答案: