Question

我正在尝试显示数据库中的图像。但是，我不能将角度变量放在Scala模板的@符号内。

<div class="col-sm-6 col-md-3" ng-repeat="product in products">
    <a href="#">
        <div class="thumbnail">
            <img class="img-responsive" ng-src="@routes.BookStore.getImage(product.name)">
            ...
        </div>
    </a>
</div>

它给了Error: Can't find the product variable。我也尝试过：

 <img class="img-responsive" ng-src="@routes.BookStore.getImage( {{ product.name }} )">

它仍然给了我同样的错误。如何在Scala模板中使用AngularJs变量？

Answer 1

你不能显而易见 - Scala模板在后端进行处理的时间要早得多，然后才会到达前端。相反，你的Angular应用程序应该有一些方法可以创建一个包含图像路径的字符串，类似于/book-store/get-image/foo.jpg，然后添加到 routes 文件的路径：

GET /book-store/get-image/:fileName   controllers.BookStore.getImage(fileName)

您可以尝试使用javascriptRoutes，但这不是必需的。

如何在Scala模板中使用AngularJs？

1 个答案: