Question

在我的AngularJS应用程序中，我创建了一个递归模板。

为了说明，它的工作原理如下：

<div ng-repeat="item in stuff">
     <div ng-include="'myTemplate.html'" onload="item = item"></div>
</div>


<script type="text/ng-template" id="myTemplate.html">
         <h1> {{levelsDeep | "root"}} </h1>
         <h2> {{item.content}} </h2>
         <div ng-include="'myTemplate.html'" onload="item in item.innerItem; levelsDeep = levelsDeep+'->'"></div>
</script>

在这个递归模板中，我希望顶级行读取“root”，内部级别读取' - ＆gt; - ＆gt; - ＆gt;'等等，取决于它们的嵌套程度。

是否有过滤器来检查是否尚未定义levelsDeep（如第一步），然后打印“root”（如果是这样的话）？

Answer 1

您可以使用javascript OR（||）运算符

{{levelsDeep||"root"}}

如果变量未定义，AngularJS过滤器将显示其他内容

1 个答案: