Question

我试图呈现如下的HTML：

<div class="aClass" ng-controller="aCertainCtrl">
    <span class="aSubclass" certain-attribute="<ul class='menu'><li class='selected'><a href='/'>Home</a></li><li><a href='/about'>About</a></li></ul>">
</span>

如何组合两个指令（根据我的理解，它应该使用两个），一个用于元素本身，另一个在第一个已经编译后编译，作为输出提供嵌入的HTML标记进入certain-atribute值？

当然，实现这一目标的目的是允许基于某些模型数组呈现某个HTML，比如菜单项，模仿这些项在HTML方面的样子，并将输出嵌入到certain-attribute值。

我是AngularJS的新手，所以仍然无法很好地控制整个指令流程及其可能性。

我知道这不是要走的路，但我想看看如何以角度实现这样一个糟糕的事情：D

提前致谢。

编辑：为那些不太了解问题的人重写一下

我的目标是将某个HTML标记作为某个元素的内联属性中的值（即使是废话和讨厌）。说<span data-some-markup="<p>Hello</p>"></span>。
我想使用这样的属性指令： <div ng-controller="somecontroller"><my-custom-element></my-custom-element></div>
<my-custom-element>指令的再现取决于someController $scope.data = [{name: Home, path: '/'}, { name: 'About', path: '/about' }];
所需的输出将是这样的： <div class="aClass" ng-controller="aCertainCtrl"> <span class="aSubclass" certain-attribute="<ul class='menu'><li class='selected'><a href='/'>Home</a></li><li><a href='/about'>About</a></li></ul>"> </span> </div>

问题是，你怎么能完全用AngularJS做到这一点？

指令呈现HTML输出，其中包含属性值中呈现的HTML

0 个答案: