ローダー - スピナーアイコンIは、モーダルダイアログボックス内に以下のようなスピナーアイコンを追加しようとしていますブートストラップモーダル

Question

の内側に表示されない、

Jsfiddleがhereです。

私はこの効果を得るためにloaders.cssを使用しています。これは、インデックスページにこのコードを配置するときに機能します。

<div class="text-center loader-inner line-scale"></div> 

ただし、このアイコンがブートストラップモーダルボックス内に配置されている場合は表示されません。

loader's githubページに記載されている関数呼び出しです。

これは角型アプリなので、何とかjqueryの依存関係をスキップしようとしています。

Answer 1

loaders.cssからCSSを追加し、demoを見て、特定の読み込みアニメーションの使い方を見てください。 .line-scale要素の中に5つのdivを追加するだけです。 更新されたfiddleを参照してください。

<div class="text-center loader-inner line-scale"> 
    <div></div> 
    <div></div> 
    <div></div> 
    <div></div> 
    <div></div> 
</div> 

私はあなたが角度を使用していることに気付きました。 loader.cssのreadmeページには、参考になる角度のあるポートがあります。