ruby-on-rails - 加载模型资源 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，这是他们使用的语法，我知道它可能是错误的，但有人知道正确的语法吗？谢谢

score 0 · Accepted Answer

尝试：

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

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

还要确保给出的路径.image对于您的应用程序是正确的，您可能需要将其增强为：ng-src="/correct/path/{{post.photos[0].image}}".

1 回答 1