March 29, 2014

AngularJSでng-showを使ってローディング画像を表示したり非表示したりするメモ

ngShowが凄く便利だったのでメモしておきます。
http://docs.angularjs.org/api/ng/directive/ngShow

要は、対応する$scopeのプロパティで、表示非表示を切り替えられる感じでしょうか。

例えばHTML側で以下のようにして
<img src="xxx" ng-show="loading" />
JS側で
$scope.loading = true;
とすると表示されます。Ajax開始時にこれを行い、終わったらfalseにすれば非表示に戻りました。

No comments:

Post a Comment