フィルターにfilterfunctionを追加すると、タイプスクリプトで機能しません。

Question

フィルターフィルターにフィルター機能を追加しようとしています。

私は、うまく動作するが、プレーンなjavascriptであるこの例のフィドルに従っています。

http://plnkr.co/edit/zigptcUjJ2GhurAKFQ0L?p=preview

私は運なしで、同じコードを達成しようとしているが、活字体でいます：関数が呼び出されることはありません。

私のHTMLは、私はとせずに、静的なキーワードを使用せずに試してみました

module app { 
    var app = angular.module('app', ['']); 
    app.controller('ctrl', ctrl); 
} 

ctrl.ts

module ctrls { 
    export class ctrl { 
     friends = [ 
      { name: "Peter", age: 20 }, 
      { name: "Pablo", age: 55 }, 
      { name: "Linda", age: 20 }, 
      { name: "Marta", age: 37 }, 
      { name: "Othello", age: 20 }, 
      { name: "Markus", age: 32 } 
     ]; 

     static filterFunction(element) { 
      return element.name.match(/^Ma/) ? true : false; 
     }; 
    } 
} 

app.tsを次のように私のtypescriptですが、バイオリンと同じですいずれの場合でも関数は呼び出されません。

お願いします。

Answer 1

まず、フィルタ関数は静的であってはいけません。

第2に、あなたの主な問題はモジュールの作成だと思います。これらと

var app = angular.module('app', ['']); 
app.controller('ctrl', ctrl); 

：これらの行を交換してみ

var app = angular.module('app', []); 
app.controller('ctrl', ctrls.ctrl);