如何实现条件角度中继器

how to implement a conditional angular repeater

本文关键字:条件 中继器 实现 何实现      更新时间:2023-09-26

对角度相当陌生,所以请耐心等待。我有一个角度页面,其中包含以下代码:

<div ng-repeat="item in items">
//do stuff
</div>

现在,我想在页面顶部添加选项卡。然后,当用户单击选项卡时,它将更改一些模型变量"Tab"。根据选项卡,我希望页面更改。问题是//do 的东西不需要太大变化。但是,我确实需要根据选项卡循环浏览一组不同的项目(类型略有不同,所以我不能只过滤一些主列表)。有没有办法在列表取决于选项卡的地方进行 ng 重复?

编辑:我有一个这样的想法:

  <div ng-repeat="item in items{{Tab}}">
    //do stuff
    </div>

这个想法是angular将评估项目{{Tab}},然后调用适当的列表。不知何故,这是行不通的。为什么?

您应该查看角度路由并从控制器/服务方法加载数据。 这将允许客户端设置视图,并相应地获取数据。