Javascript 角度背景图像改变_Javascript_Angularjs

Javascript 角度背景图像改变

javascript angularjs

Javascript 角度背景图像改变,javascript,angularjs,Javascript,Angularjs,我正在使用JS/HTML/CSS/Angular制作一个天气应用程序我正在尝试开发它，以便当天气设置为某个值时，它将改变背景图像以匹配编辑：下面是我从HTML和JS中使用的两个代码在我的html文件中： <body ng-app="Weather" ng-style="{'background-image':'url({{newBg}})'}"> 图像是随机的，只是为了测试。似乎对我不起作用 Do 在控制器中，执行以下操作： $scope.getStyle = f

我正在使用JS/HTML/CSS/Angular制作一个天气应用程序

我正在尝试开发它，以便当天气设置为某个值时，它将改变背景图像以匹配

编辑：

下面是我从HTML和JS中使用的两个代码

在我的html文件中：

<body ng-app="Weather" ng-style="{'background-image':'url({{newBg}})'}">

图像是随机的，只是为了测试。似乎对我不起作用

在控制器中，执行以下操作：

    $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+")"}


     }

为什么要使用函数？在哪种上下文中？因为在我看来，在视图中使用ng类会更容易。我正在尝试使用ng样式。我被告知ng风格是改变背景图像的最佳方式Git将更容易在css中创建具有不同背景的3类。在此之后，您只需创建一个ng类=“{'class1'：Data.des==”clear“，”class2'：Data.des==”Cloudy“}。这将更简单，而且您不会将css与代码混合。如果您能帮助我，这里有一个指向项目本身的链接，这将非常好。我认为我所做的一切都有问题。这应该比现在容易得多。感谢您这么多Kaushal Niraula.：）您似乎错过了将$scope.getStyle函数包含在cont中如果您满意，您可以将此标记为answerWorks，但这仅仅是因为“else”语句。出于某种原因，$scope.Data.des即使{Data.des}也不会被读取为“Clear”是的。很奇怪，但我想这是另外一个问题。洛利投了更高的票，但我的声誉不在15岁。有什么地方我可以去确认答案吗？这页上并没有立即出现。。

    $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+")"}


     }