角背景图像改变

-1

我想开发它，这样虽然天气设置的东西，然后它会改变的背景图像，以匹配天气应用角。

编辑：

这里有两个代码，我从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'; 
    }

图像是随机的，只是为了测试。似乎不适合我。

来源

2016-08-18 Kevin Murphy

为什么要使用的功能，并在其范围内？因为就我所见而言，它在视图中将会更加昂贵。 –

我正在尝试使用ng样式。我被告知ng-style是改变背景图像的最好方法 –

在css中创建3个具有不同背景的类将会更容易。之后，你只需要做一个ng-class =“{'class1'：Data.des ==''clear'，'class2'：Data.des ==''Cloudy}}，它会更简单，不要把css和代码混合在一起 –

做 <body ng-app="Weather" ng-style="{{getStyle()}}">

，并在控制器，请

$scope.getStyle = function(){ 
     var url; 
     if($scope.Data.des == 'Clear'){ 
      url = 'http://i.stack.imgur.com/mfvI9.jpg'; 
     }else if($scope.Data.des == 'Cloudy'){ 
      url = 'http://i.stack.imgur.com/mfvI9.jpg'; 
     } 
     return {"background-image":"url("+url+")"} 


    }

来源

2016-08-19 00:22:02

我完全认为这会工作..奇怪 –

http://codepen.io/kaymo/pen/NAJOQX 这是一个项目本身的链接，如果你能帮助我我认为不管我在做什么都会出现问题，这应该会变得更容易 –

请参阅http://codepen.io/anon/pen/bZJwpk?editors=1010#0 –

角背景图像改变

回答

相关问题