読者です 読者をやめる 読者になる 読者になる

angular.jsでng-styleを使って背景画像(background-image)を切り替える方法

10秒ごとに画像を切り替える処理を作りたかったのだが
画像の切り替えでちょっとハマったのでメモ

css

.image {
    background-color: white;
    background-repeat: no-repeat;
    background-size: contain;
    color: white;
    height: 100%;
}

html

<div image class="image" ng-style="{'background-image': 'url(' + backimg + ')'}">

js

$scope.backimg = 画像URL;

以上です