为什么角度嵌套的花括号不起作用？什么是替代解决方案？

Question

我有一个json对象

"blog1":{ 
"blogid":"1", 
"body":"sometext"
  "IMG":"URL of image"
    }

我正在尝试使用ng-style访问此对象IMG元素以设置为div的背景IMG，如下所示

<Div ng-controller="controller as ctrl">
       <div ng-style="background-image:URL('{{ctrl.object.blog{{ctrl.blogId}}.IMG}}');" >

我的控制器看起来像（粗糙）

App.controller('controller', function (){
this.object= $firebaseObject();

this.blogId= $routeParams.blogId;

});

请注意，带有ng-style的div包含嵌套的角度表达式，并且它们不进行求值。有没有其他解决方案来实现这一目标。

注意：这是单页面应用程序，所以根据URL中的博客ID，我想显示图像。我正在为SPA使用角度路由。

Answer 1

要将变量用作索引，请执行以下操作

控制器：

$scope.myVar = 'something';
$scope.myObj = {something: {img: 'something else'}};

查看：

{{myObj[myVar].img}}

在你的情况下：

{{ctrl.object.blog[ctrl.blogId].IMG}}