它自動工作,所以只需將其作爲依賴項包含在其中,並且它將自動顯示$ http請求的進度。
將模塊注入到應用程序中應該有所裨益。無需將其注入控制器。
要求:AngularJS 1.2+
請檢查您的安裝,並重新檢查以下步驟
包括依賴
包括承重橫條爲您的應用程序的依賴。如果您想要動畫,請包括ngAnimate
。注意:ngAnimate
是可選的。 Installation options here。
angular.module('myApp', ['angular-loading-bar', 'ngAnimate'])
包括源文件(通過以下方法之一)
包括所提供的JS和CSS文件(或創建自己的CSS改寫默認值)。通過NPM
$ bower install angular-loading-bar
:
$ npm install angular-loading-bar
經由CDN:
<link rel='stylesheet' href='build/loading-bar.min.css' type='text/css' media='all' />
<script type='text/javascript' src='build/loading-bar.min.js'></script>
That's it -- you're done!
通過亭子
<link rel='stylesheet' href='//cdnjs.cloudflare.com/ajax/libs/angular-loading-bar/0.9.0/loading-bar.min.css' type='text/css' media='all' />
<script type='text/javascript' src='//cdnjs.cloudflare.com/ajax/libs/angular-loading-bar/0.9.0/loading-bar.min.js'></scrip