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

反向角度重复

潘佐
2023-03-14
问题内容

我怎样才能得到一个角度反向阵列?我正在尝试使用orderBy过滤器,但它需要一个谓词(例如’name’)进行排序:

<tr ng-repeat="friend in friends | orderBy:'name':true">
      <td>{{friend.name}}</td>
      <td>{{friend.phone}}</td>
      <td>{{friend.age}}</td>
<tr>

有没有一种方法可以反转原始数组,而不进行排序。像那样:

<tr ng-repeat="friend in friends | orderBy:'':true">
      <td>{{friend.name}}</td>
      <td>{{friend.phone}}</td>
      <td>{{friend.age}}</td>
<tr>

问题答案:

我建议使用这样的自定义过滤器:

app.filter('reverse', function() {
  return function(items) {
    return items.slice().reverse();
  };
});

然后可以这样使用:

<div ng-repeat="friend in friends | reverse">{{friend.name}}</div>

该过滤器可以根据需要定制,以适应您的需求。我在演示中提供了其他示例。一些选项包括在执行反向操作之前检查变量是否为数组,或者使其更宽容以允许反向处理更多内容,例如字符串。



 类似资料:
  • 我对角度布线有问题,我想在单击按钮“验证”时导航到组件页面WidgetsComponent component.html: 组件。ts: The app-routing.module.ts: 当我点击验证按钮时,没有任何反应,我没有得到我想要的html页面,但网址更改为 http://localhost:4200/widgets。我也尝试了路由器链接,但它仍然是同样的问题。有人知道如何解决这个问题

  • 我有一个单页角应用与Spring引导。它看起来如下所示: Spring Boot正确地默认为webapp文件夹,并为index.html文件服务。 我想做的是:

  • 我开始使用动画js,我想在我的Angular应用程序中包含一个动画。 在尝试这样做时,我发现当放置动画的< code>div依赖于指令< code>ngIf时,动画不起作用。当ngIf中的条件为真时,图像正确加载,但它没有动画。删除指令解决了这个问题,但我想有条件地展示它。 JS: CSS: HTML工作正常: 超文本标记语言没有动画: HTML也不工作: 我应该做些什么来使动画符合Angular

  • 我有一个名为子组件模型的输入变量。@Input()型号:任意; 我有一个父控件,它将更新的输入变量发送到child Component。 如何编写childComponent来响应模型的变化?我希望在模型更改时调用childComponent。 想法?

  • 我正在使用DroidX开发一个使用相机预览图像的应用程序。我正在使用的代码在网络上的许多地方都可以找到,但我注意到常用方法“getBestPreviewSize(宽、高、camera.parameters)”返回的大小非常小,以至于标准decdeYUV420SP方法因空指针异常而失败。 一些调试显示my DroidX支持的预览大小为: 144h x 176w 240h x 320w 288h x