Question

我想将我的css样式表添加到ngdocs文档中的实时演示示例中。

我希望样式能够影响演示本身，但显然，它们不应影响整个网页。

我尝试将样式表添加到gruntfile ngdocs选项中，如下所示：

ngdocs: {
    options : {
        scripts: [
            ...
        ],
        styles: [
            '<%=base%>/mycss/mylayout.css'
        ],
        dest: '<%=target%>docs'
    },
    api : {
        src: [
            ...
        ]
    }
}

这会将mylayout.css作为链接标记添加到index.html的标记中，作为head部分中最后一个包含的链接标记，但其中的样式会覆盖整个页面上的样式。不好。

我该怎样做才能让我的样式在现场演示中运行，而不是在页面的其余部分？

感谢您的帮助！希望这会对ng-docs上非常有限的可用信息做出贡献！

编辑：我最后要做的是创建一个名为myNgdocsLayout.css的新css文件，其中我编写了一些覆盖mylayout.css的样式，同时仍然允许mylayout.css样式适用于现场演示。

现在我的页面看起来不错，但这绝对不是一个完美的解决方案。我还是很感激，如果有人能提出一个想法，只允许我的样式应用到我的现场演示，而不需要在页面的其余部分覆盖它们......如果没有内置，我会感到惊讶 - 在ngdocs中这样做。

Answer 1

你可以添加css类（在你的ngdocs评论中为你的例子'myexample'调用它，然后从css文件中使用你的所有样式吗？

 * @example
   <example module="rfx">
   <file name="index.html">
     <div class="myexample" >
       // my example code
     </div>
   </file>
   </example>
 */

ngdocs - 如何为现场演示示例

1 个答案: