相关疑难解决方法(0)

Angular 2 OrderBy Pipe

我无法将此代码从angualr1转换为angular2,任何帮助?

ng-repeat="todo in todos | orderBy: 'completed'"
Run Code Online (Sandbox Code Playgroud)

这就是我按照Thierry Templier的回答所做的事情:

html模板:

*ngFor="#todo of todos | sort"
Run Code Online (Sandbox Code Playgroud)

组件文件:

@Component({
    selector: 'my-app',
    templateUrl: "./app/todo-list.component.html",
    providers: [TodoService],
    pipes: [ TodosSortPipe ]

})
Run Code Online (Sandbox Code Playgroud)

管道文件:

import { Pipe } from "angular2/core";
import {Todo} from './todo';

@Pipe({
  name: "sort"
})
export class TodosSortPipe {
  transform(array: Array<Todo>, args: string): Array<Todo> {
    array.sort((a: any, b: any) => {
      if (a < b) {
        return -1;
      } else if (a > b) {
        return 1;
      } else {
        return 0; …
Run Code Online (Sandbox Code Playgroud)

angular2-template angular-pipe angular

91
推荐指数
7
解决办法
21万
查看次数

角度2排序和过滤器

在Angularjs 1中,可以按以下方式排序和过滤:

<ul ng-repeat="friend in friends | filter:query | orderBy: 'name' ">
   <li>{{friend.name}}</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

但我在Angularjs 2.0中找不到任何如何做到这一点的例子.我的问题是如何在Angularjs 2.0中进行排序和过滤?如果它仍然不受支持,是否有人知道何时或是否将它放入Angularjs 2.0?

typescript angular

73
推荐指数
5
解决办法
18万
查看次数