2017-01-23 27 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

它没有工作! :( –

相关问题