なぜ、ネストされた中括弧が機能しないのですか？それに代わる解決策は何ですか？

Question

私はこれが私のコントローラは（ラフ）のように見えます

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

以下のようにIMG要素がNGスタイルを使用してdivの背景IMGとして設定するオブジェクトにアクセスしようとしていますJSONオブジェクト

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

を持っています

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

this.blogId= $routeParams.blogId; 

}); 

ngのスタイルを持つdivは、ネストされた角度の表現が含まれていることに注意してください、そして、彼らはないEVAを行いますルイーズ。これを達成するための他の解決策はありますか？

注：これはシングルページアプリケーションなので、URLのブログIDに従って、画像を表示したいと思います。 SPAに角度ルーティングを使用しています。

Answer 1

従う

コントローラとしてあなたがインデックスとして変数を使用するには：

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

ビュー：あなたのケースで

{{myObj[myVar].img}} 

：

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