当前位置: 首页 > 面试题库 >

有条件的角度ng重复

宗政功
2023-03-14
问题内容

你如何用ng-
repeat做这样的事情?我将使用文档中的示例,该示例将一个包含2个朋友的数组初始化为一个数组,如果我只想对所有26岁以上的朋友重复一次该怎么办?

    <!doctype html>
<html ng-app>
<head>
<script src="http://code.angularjs.org/1.0.6/angular.min.js"></script>
</head>
<body>
<div ng-init="friends = [{name:'John', age:25}, {name:'Mary', age:28}]">
I have {{friends.length}} friends. They are:
<ul>
<li ng-repeat="friend in friends">
[{{$index + 1}}] {{friend.name}} who is {{friend.age}} years old.
</li>
</ul>
</div>
</body>
</html>

问题答案:

创建一个自定义过滤器。

HTML:

<html ng-app="someApp">

<li ng-repeat="friend in friends | age">

JS:

var someApp=angular.module('someApp', []);

someApp.filter('age', function() {
    return function(input, uppercase) {
        var out = [];
        for (var i = 0; i < input.length; i++) {
            if(input[i].age >= 26){
                out.push(input[i]);
            }
        }
        return out;
    }
});


 类似资料:
  • 我有一个卡片列表组件,它应该显示卡片组件或卡片编辑组件的元素,具体取决于 上的卡片组件是真还是假。 卡片列表组件的模板如下所示: 我想将 ngIf 条件绑定到 wasEditClicked 布尔值。 我的卡组件(与上面显示的卡列表组件不同)如下所示:

  • 我有一个json,包含如下对象数组 在我看来,我想用ngFor呈现json,就像这样 你的名字叫什么? abc 定义 Ghi jkl

  • 问题内容: 我正在尝试使用条件将项目分组为ng-repeat。 一个示例条件是将所有元素分组为同一小时。 数据: “时间”字段实际上是一个时间戳记(1399372207),但是使用准确的时间,示例输出将更易于理解。 我正在使用ng-repeat列出这些项目: 还尝试了: 有效输出为: 如果没有针对我的问题的简单解决方案,我的最后选择是将数据分组,然后将其分配给ng-repeat中使用的作用域变量。

  • 问题内容: 我有该组件,将css类设置为它有问题。我希望它始终具有“框”类,然后具有由指令“类”参数指定的其他类和一个条件类“迷你”。 从概念上讲,我想要实现的是这样的: 问题在于,当我设置class html属性时,会忽略ng- class属性。如何在不更改控制器的情况下使示例工作?甚至有可能还是应该在控制器中设置类(我希望避免这种情况)? 问题答案: 我需要多个类,其中一个是$ scope派生

  • 我有一个简单的角度/html代码,其中有一个表,每个

  • 我使用的是角度。js用于一个应用程序,该应用程序通过在下面的td中显示tr并向下滑动div,使用隐藏的tr来模拟滑出效果。这个过程使用击倒技术非常有效。js,因为我可以使用 对于angular,必须将ng repeat应用于html元素,这意味着我似乎无法使用标准方法重复这些双行。我对此的第一个反应是创建一个指令来表示这些双TR,但这还不够,因为指令模板必须有一个根元素,但我有两个(<代码> 如果