安古拉杰-过滤还是不过滤。如何在循环中打印不同的html响应属性？

Question

我现在用过滤器解决了一些问题，但我确信肯定有一种聪明而简单的方法。

得到了这个视图

<ul id="FilesView" class="FilesView">
    <li ng-repeat="object in folder.content.object" class="{{object.type}}">
        <img src="object.thumbnails.list | thumbPrinter">
        {{object.name}}
    </li>
</ul>

和一个滤波器

angular.module('appFilters', []).filter('thumbPrinter', function() {
    if (media.type === 'file') {
        media.src   
    }else{
        '/images/folder.jpg'
    }
});

和XML

<object>
    <type>folder</type>
    <name>Photos</name>
    <complete_path>/Photos</complete_path>
    <complete_path_hash>00e474bd8bd7deaff259</complete_path_hash>
    <date_created>2013-03-06 16:33:28</date_created>
    <date_updated>2013-03-06 16:33:28</date_updated>
    <deleted>false</deleted>
</object>

现在这起作用了。但它是丑陋的，也有它的问题。

问题如-让我说，我希望打印img标签，只有当我有一个img，并跨越与文件夹作为bg img。在牧师中我就是不能。

我怎样才能像我所希望的那样注入，而不仅仅是字符串？正确的方法是什么？

谢谢。

Answer 1

您可以使用ng-显示或ng-开关显示不同的HTML块根据一个条件？

编辑:另一个选项是使用一个指令来确定要注入的html的类型。

Answer 2

您可以使用ngBindHtml。这将防止“不安全”HTML被注入。您也可以使用ngBindUnsafeHtml，但这将使您面临各种危险，如脚本注入等。

但是从“角度”的角度来看，最好照凯坦的建议去做。

请记住，ngBindHtml位于一个单独的.js文件中。