不加选择地将交替类添加到角度递归模板

时间:2017-05-18 21:36:10

标签: javascript css angularjs recursion nested

这是我的递归模板,谢谢Brendan Owens

<script type="text/ng-template" id="tree_item_renderer.html">
    <div class="expanded row">
        <div class="medium-1 columns author"><img ng-if="data.isAnon || !user.isAdmin" src="https://people.sap.com/avatar/santanu.kargupta" />
            <img ng-if="!data.isAnon && user.isAdmin" src="http://www.fillmurray.com/g/200/200" />
        </div>
        <div>
            <p ng-if="!data.isAnon" class="author-name">{{ data.author }}
                <br class="show-for-medium-only">
                <span class="subtext">&middot;&nbsp;{{ data.createdAt | date : "MMMM dd, yyyy &middot; HH:mm:ss a" }}</span>
            </p>
            <p ng-if="data.isAnon">Anonymous
                <br class="show-for-medium-only">
                <span class="subtext">&middot;&nbsp;{{ data.createdAt | date : "MMMM dd, yyyy &middot; HH:mm:ss a" }}</span>
            </p>
        </div>
        <p ng-bind-html="data.content"></p>
        <div class="medium-offset-1" id="add-reply">
            <a href="#" ng-click="showCommentCreate(data); $event.stopPropagation(); $event.preventDefault()"><img src="../assets/img/reply.svg" alt="">&nbsp;Add Reply</a>
        </div>
        <div class="content-divider"></div>
        <div class="comment" ng-repeat="data in data.comments" ng-include="'tree_item_renderer.html'"></div>
    </div>
</script>
<div class="comment" ng-repeat=" data in post.comments " ng-include=" 'tree_item_renderer.html' "></div>

我的想法是,我有一个帖子树对象结构显示评论及其中的评论,依此类推。现在,我要了解这些元素的样式(使用Foundation 6)。我尝试过使用ng-odd&amp;正如我通常对所有角度项目所做的那样ng-even,但由于数据的嵌套特性而出现问题。搜索高低解决方案:我偶然发现了一些我认为可以解决问题的简单jquery:How can I use :nth-child() to select every other <div> within ALL children?。我认为会有所帮助,但角度非常讲究它与谁一起玩。 意思是想独自玩耍哈哈。无论哪种方式,我已经没有想法和意大利面扔在墙上。任何帮助将不胜感激 :)。先谢谢你!

编辑:从未真正问过我的问题:是否有一种角度方式可以在巢中添加一个不分青红皂白的类交流发电机。也许根据重复推出的价值来改变它的基础

我措辞非常抱歉。 X(

0 个答案:

没有答案