Question

我正在开发一个我同时使用django和angularjs的网站。我想知道在我的angularjs脚本中声明它后是否可以在我的页面上使用“image”对象，如下所示。

<li class="media" ng-repeat="dish in menuCtrl.dishes | filter:menuCtrl.filtText"> 
    <div class="media-left media-middle"> 
        <a href="#"> 
            {% verbatim %} 
              <img class="media-object img-thumbnail" ng-src={{dish.image}} 
           alt="Uthapizza">
            {% endverbatim %} 
        </a> 
    </div>



 var dishes = [
     {
         name:'Uthapizza',
         image: "{% static 'images/uthapizza.png' %}",
         category: 'mains'
     }
 ]

Answer 1

所以根据这个post，作者建议您声明一个变量然后使用它。

<script> 
 var MY_STATIC = '{% static %}';
   function EscapeMyUrl(path) {
     return MY_STATIC + path;
   }
 </script>

django将在服务器上呈现此模板并为其添加正确的值。

在当前设置中，一旦您的数据到达客户端，angular就不知道是什么或如何渲染django脚本，这可能是个问题。

脚本：像这样更新对象属性

image: "images/uthapizza.png"

HTML

<img class="media-object img-thumbnail" ng-src="EscapeMyUrl({{dish.image}})" alt="Uthapizza">

请检查并告诉我们这是否有效并建议任何更改/修复，以便人们不会使用错误的答案：）

如何调用angularjs脚本中声明的图像对象

1 个答案: