如何将Angular项目传递给包含的树枝文件?
这是我要包含的树枝文件:
<a href="javascript:void(0)" title="[{ hostess.gender == 'F' ? 'Hostess top' : 'Steward top' }]">
<img src="{{ WBASE }}/assets/img/badge/top-profile.png" class="c-badge [{ extraClass }]"/>
</a>
这是我的树枝文件,我在其中通过角度循环渲染数据。如果条件为真,则需要包含一个树枝文件:
{% if hostess.top %}
{% include '_commons/elements/ng-badge-top.twig' with {'hostess': hostess} %}
{% endif %}
但是它不起作用。我该怎么办?
答案 0 :(得分:1)
我认为您将无法做到这一点。 考虑到角度是在前端渲染的,而树枝是在服务器端的。
如果要实现这一目标,则可能需要将ng-badge-top.twig生成为html并使用“ ng-include”将其包含在angular中。
您还可以尝试以下操作:
<div ng-if="[{ hostess.top }]"
ng-include="'{{ path('view_route', { view: 'Content/test.html.twig' }) }}'"></div>
最后一段代码将调用服务器以获取html文件并将其呈现。考虑到此控制器应提供HTML文件,否则angular将无法对其进行处理。没有测试过,但是如果没有用,请告诉我,我们会找出问题所在。
如果这些解决方案不能满足您的需求,我可以给您其他选择:)