2

grunt-ngdocsAngular プロジェクトの文書化に使用しています。ただし、デモの 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 に答える