1

私の css スタイルシートを ngdocs ドキュメントのライブ デモの例に追加したいと思います。

スタイルがデモ自体に影響を与えることを望んでいますが、明らかに、Web ページ全体に影響を与えるべきではありません。

次のように、スタイルシートを gruntfile ngdocs オプションに追加してみました。

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

これにより、head セクションに最後に含まれるリンク タグとして mylayout.css が index.html のマークアップにリンク タグとして追加されますが、その中のスタイルはページ全体のスタイルをオーバーライドします。ダメ。

スタイルがライブ デモ内で機能し、ページの残りの部分では機能しないようにするにはどうすればよいですか?

ご協力いただきありがとうございます！これが ng-docs で入手できる非常に限られた情報に貢献することを願っています!

編集:私がやったことは、myNgdocsLayout.css という名前の新しい css ファイルを作成することです。このファイルでは、mylayout.css スタイルをライブデモに適用できるようにしながら、mylayout.css の一部をオーバーライドするいくつかのスタイルを記述しました。

これで私のページは問題ないように見えますが、これは完全な解決策ではありません。ページの残りの部分でスタイルをオーバーライドする必要なく、スタイルをライブデモにのみ適用できるようにするアイデアを誰かが思いつくことができれば幸いです... -ngdocsでこれを行う方法。

4

1 に答える 1

1

css クラスを追加できますか (ngdocs コメントで例の 'my​​example' にそれを呼び出し、css ファイルからすべてのスタイルの前にそれを使用しますか?

 * @example
   <example module="rfx">
   <file name="index.html">
     <div class="myexample" >
       // my example code
     </div>
   </file>
   </example>
 */
于 2015-11-11T10:38:01.803 に答える