Почему вложенные фигурные скобки в угловых не работает?? Каково альтернативное решение для этого?

Question

У меня есть объект JSON

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

Я пытаюсь получить доступ к этому объекту IMG элемент, чтобы установить в качестве фонового IMG для div используя стиль нг, как показано ниже

<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;

});

Заметить, что div с ng-style содержит вложенные угловые выражения, и они не оценивают. Есть ли другое решение для достижения этой цели.

Примечание: это одностраничное приложение, поэтому в соответствии с идентификатором блога в URL, я хочу отобразить изображение. Я использую угловую маршрутизацию для SPA.

Answer 1

Чтобы использовать переменную в качестве индекса, вы должны сделать следующее

контроллер:

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

Посмотреть:

{{myObj[myVar].img}}

В твоем случае:

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