grunt-ngdocs: файл стилей не включен в демонстрационный код

Я использую grunt-ngdocs документировать мой угловой проект. Но демонстрационный код 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. Какие-либо предложения?

Источник

1 ответ

Решение

Используйте временное решение. Добавьте следующую строку в файлы javascript @example раздел:

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.0.7/semantic.css">
Источник
Другие вопросы по тегам