2016-05-11 2 views
0

をロードできませんでした私は私のapplication.Myコードの角度忙しいを使用しようとしている私はgithubの角度忙しいサンプル角度ビジーエラーテンプレートは

<div cg-busy="promise"></div> 
$scope.promise = $http.get('http://httpbin.org/delay/3'); 

から取ってきた。しかし私はこれは非常に簡単ですエラーが発生しました

"cgBusy(angular-busy.html)に指定されたテンプレートを読み込めませんでした。"

+0

さらにコードを追加できますか? – alphapilgrim

答えて

1

cgBusyに同梱されているデフォルトのtemplateUrlを使用しようとしているようです。 githubページのドキュメントごとにtemplateUrlを上書きしようとしましたか?

angular.module('your_app').value('cgBusyDefaults',{ 
    message:'Loading Stuff', 
    backdrop: false, 
    templateUrl: 'my_custom_template.html', 
    delay: 300, 
    minDuration: 700, 
    wrapperClass: 'my-class my-class2' 
}); 

編集: は限りテンプレートの場所として...私はプラグインのソースを見て、それが$templateCacheを使用。それにテンプレートを追加する方法については、そのドキュメントを参照してください。

+0

カスタムテンプレートはどこに置くべきですか?私はASP mvc.Iを使用しています。既にテンプレートルールのパスを与えようとしましたが、404になりました。 – sqlcte

+0

私の投稿を編集しました。テンプレートは$ templateCacheによって実際に読み込まれます。 – sourdoughdetzel

+0

ありがとうsourdoughdetzel。私はangular-busy.htmlという名前のカスタムテンプレートを作成し、cgBusyがそれを探していて、ページ更新時にローダーが現れたビューに配置しました。 – sqlcte

0

同じエラーが発生しました。

私たちのカスタストローダーでhtmlページを作成します。

my_custom_template.htmlを新しく作成したhtml名に更新しました。

templateUrl: 'my_custom_template.html'、

それが働きました。