在提供给客户端

Question

我正在开始第一个有角度的项目，这是一个带有标签的基本图库。

我将整个功能PHP代码移动到Angular。

所以我有：

• 图片文件夹，例如500张图片
• 包含每个项目的描述，标签等的JSON

我想要的是在显示缩略图之前检查每个图片文件的存在并获取其尺寸。

在PHP中，is_file（）和getimagesize（）在500个图片上非常快，但在角度我不想从客户端foreach图片向服务器发出请求，或者甚至一次所有这些，它正在减少宝贵的负载时间......

我想提供角度一个对象，如果它是简单的js我会做的事情：

    <script>
    var existingImagesStyles = "<?php echo $existingImagesStyles; ?>";
    </script>

其中var仅包含现有文件的尺寸。 所以我打算以更加Angular友好的方式安排这个，直到我找到这个帖子：Passing User Data from PHP/HTML to AngularJS，它说不要尝试在前端使用php：（

你有什么建议？

如果可以通过主视图模板提供json_encoded对象，是否有办法将其隐藏给用户（cz中的脚本标记会显示在源代码中）？

或许我应该直接在我的ng-repeat中设置PHP内联标签中每张图片的尺寸，如<... ng-repeat="(k, item) in items">...style="<?php ... ?>" ... </>？