加载模型资源angular.js

Question

我有2张桌子的帖子和照片，并且有关系

post has_many :photos
photos belongs_to :posts

我通过角度加载帖子并将其显示给用户，所有内容都很完美，但当我尝试显示照片时，他们只是不显示我使用的代码

...loop through results
   //this works
   <h2>{{post.title}}</h2>
   //this doesn't
   <img src="{{post.photos.first.image}}" />
...end

我一直在使用Ruby on Rails，这是他们使用的语法，我知道它可能是错误的，但有人知道正确的语法。 感谢

Answer 1

尝试：

<img ng-src="{{post.photos[0].image}}" />

但请检查模型（从Firebug返回JSON，或从Firebug调试）以确保photos字段存在并且是数组。 [0]应该是第一项，如果存在。如果没有，则最好使用ng-if隐藏图像。

另外，请确保.image给出的路径适用于您的应用，您可能需要将其增强为：ng-src="/correct/path/{{post.photos[0].image}}"。