Angularjs模板：如何有条件地将标记包装在另一个标记中

发布时间：2020-12-17 10:26:45 所属栏目：安全来源：网络整理

导读：ngIf有条件地向DOM添加/删除标记. 但是,如果我想有条件地将一个标签(例如内容)包装在另一个标签(例如布局)中,那么最有角度的方法是什么？以下是我在Handlebars中的表现 {{#if layout}} div class="layout" {{/if}} Content is always here,it is wrapped on

ngIf有条件地向DOM添加/删除标记.

但是,如果我想有条件地将一个标签(例如内容)包装在另一个标签(例如布局)中,那么最有角度的方法是什么？

以下是我在Handlebars中的表现

{{#if layout}} <div class="layout"> {{/if}}
    Content is always here,it is wrapped only if layout is specified
{{#if layout}} </div> {{/if}}

我可能不完全理解你的最终目标,但似乎它是无效的HTML.

无论如何,您最好的选择是编写一个为您构建html的指令.

如果您对自定义指令不满意,那么更简单的实现将是ngSwitch.它将允许您将一种方式设置为默认值,然后您将根据确定是否要包装布局的表达式切换到另一种方式或不.

我不喜欢在这种情况下使用ngSwitch,它需要复制一些代码.在这种情况下,它是非常小的.

如果你必须在整个应用程序中执行此操作几次,那么在我看来,编写自己的指令是值得的.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!