2017-01-23 39 views
0

我有一個JSON對象爲什麼在角度嵌套花括號不起作用?什麼是替代解決方案?

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

我試圖訪問該對象IMG元素使用NG式如下

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

我的控制器看起來像設置爲背景IMG的div(粗糙)

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

this.blogId= $routeParams.blogId; 

}); 

注意div與納克式包含嵌套角表達,並且它們不EVA luate。有沒有其他解決方案來實現這一點。

注意:這是單頁面應用程序,所以根據URL中的博客ID,我想要顯示圖像。我正在使用SPA的角度路由。

+0

你不必須使用大括號,您可以使用[]。 {{object.blog [blogId] .IMG}} – yBrodsky

+0

我必須提及ctrl。?? – user7459550

+0

我不知道如何在視圖中定義您的控制器。 ng-controller =「ctrl」? – yBrodsky

回答

1

要使用一個變量作爲索引你如下

控制器:

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

查看:

{{myObj[myVar].img}} 

你的情況:

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

它沒有工作! :( –

相關問題