AngularJs-将角度参数传递到文件树枝

时间:2018-08-20 08:25:31

标签: angularjs twig

如何将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 %}

但是它不起作用。我该怎么办?

1 个答案:

答案 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将无法对其进行处理。没有测试过,但是如果没有用,请告诉我,我们会找出问题所在。

如果这些解决方案不能满足您的需求,我可以给您其他选择:)