Я делаю приложение погоды с помощью JS/HTML/CSS/УгловоеУгловые изменения фона изображения
Я пытаюсь развивать его так, что в то время как погода устанавливается на что-то, то это изменит фоновое изображение, чтобы соответствовать ,
Edit:
Вот два кода я использую из HTML и JS
В моем HTML файл:
<body ng-app="Weather" ng-style="{'background-image':'url({{newBg}})'}">
В моих JS:
if($scope.Data.des == 'Clear'){
$scope.newBg = 'http://i.stack.imgur.com/mfvI9.jpg';
}
if($scope.Data.des == 'Cloudy'){
$scope.newBg = 'http://i.stack.imgur.com/mfvI9.jpg';
}
Изображение случайное только для проверки. Кажется, не работает для меня.
Зачем использовать функции и в каком контексте? Поскольку, как я вижу, это будет esaier с ng-классом в представлении. –
Я пытаюсь использовать ng-стиль. Мне сказали, что ng-стиль - лучший способ изменить фоновое изображение. –
Будет проще создать 3 класса с разным фоном в вашем css. После этого вам просто нужно сделать ng-class = "{'class1': Data.des == '' clear ',' class2 ': Data.des ==' 'Cloudy'}. Это будет проще, и вы не смешивайте css с кодом –