2

我grunt-ngdocs用来记录我的 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。有什么建议么？

4

1 回答 1

0

使用临时解决方案。在javascript 文件@example部分中添加以下行：

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.0.7/semantic.css">
于 2015-07-31T15:05:05.317 回答