。並べ替えテーブルのデータをで大文字と小文字を区別しないようにするオプションはありますか?Angular2のNG2スマートテーブルソート角度</em> 2ソート機能が</em><em>大文字と小文字が区別され</strong><em>の<strong>NG2スマートテーブルにおいて
3
A
答えて
2
sort()メソッドの4番目の引数としてカスタムソート関数を指定できます。
例:
let COMPARE_INSENSITIVE = (direction: any, a: any, b: any) => {
// Converting strings to lowercase
let first = typeof a === 'string' ? a.toLowerCase() : a;
let second = typeof b === 'string' ? b.toLowerCase() : b;
if (first < second) {
return -1 * direction;
}
if (first > second) {
return direction;
}
return 0;
}
NG2-スマートテーブルは、次のデフォルトコンペア機能を使用しています。
export class LocalSorter {
protected static COMPARE = (direction: any, a: any, b: any) => {
if (a < b) {
return -1 * direction;
}
if (a > b) {
return direction;
}
return 0;
}
static sort(data: Array<any>, field: string, direction: string, customCompare?: Function): Array<any> {
const dir: number = (direction === 'asc') ? 1 : -1;
const compare: Function = customCompare ? customCompare : this.COMPARE;
return data.sort((a, b) => {
return compare.call(null, dir, a[field], b[field]);
});
}
}
1
はちょうどあなたが実装するかどうかをスローするようにしたかったですこれはあなたがa:compaの後ろにreFunction。下に示すように...
columns: {
group_name: {
title: 'Groupname',
compareFunction:(direction: any, a: any, b: any) => {
// Converting strings to lowercase
let first = typeof a === 'string' ? a.toLowerCase() : a;
let second = typeof b === 'string' ? b.toLowerCase() : b;
if (first < second) {
return -1 * direction;
}
if (first > second) {
return direction;
}
return 0;
}
}
}
関連する問題
- 1. 「ng2.InjectorProvider < - ng2.Injector」
- 2. 追加ルールなしで大文字と小文字を区別しない検索ですか?</p> <p>ので=</p> <p>á:
- 3. Angular2 + NG2-アップローダUPLOAD_DIRECTIVESが私のangular2アプリで<strong><em>NG2-アップローダー</em></strong>を使用しようとして
- 4. は、私は、文字列中で</li> </ol> <p>を2つのリスト</p> <ol> <li>ネストされた文字列のリスト、および</li> <li>リストを持っている「system.collections.generic.list文字列」
- 5. 追加の「<」(<)文字3.2
- 6. 正規表現:</p> <pre><code>foo/:something/bar/:somethingelse </code></pre> <p>どのように私は2番目の場合ではオプション<code>/</code>終了の区切り文字を考慮し<code>something</code>と<code>somethingelse</code>をキャプチャすることができます。次の文字列と区切り文字とオプションの終了区切り文字
- 7. 検索文字列は、私は</p> <pre><code>std::vector<std::string> vec; std::string myString; </code></pre> <p>を持っていると私は<code>myString</code>が<strong>大文字小文字を区別しない</strong> comaprisonsを使用して<code>vec</code>であるかどうかを確認する必要が鈍感なC++
- 8. 値が<select><option>文字列として戻る
- 9. 休止状態:<code>Heiße Suppe</code>:私は次の値を持つデータベースで</p> <pre><code>@NamedQuery(name = "Recipe.findByTitle", query = "SELECT r.title FROM Recipe r WHERE UPPER(r.title) LIKE :titlePart") </code></pre> <p>:大文字小文字を区別しない検索が特殊文字
- 10. 削除<83>と<91>印刷不可能な文字の文字
- 11. リスト<カンマ区切り文字列> =>リスト<string>?
- 12. のJava 8の変換リスト<地図<文字列、文字列>マップする<文字列、地図<文字列、文字列>>
- 13. PHP:これによって難易度が今ある名前の</p> <ol> <li>最初の文字が</li> </ol> <p>大文字さ:
- 14. IEnumerableを作成する方法<string>。大文字と小文字は区別されませんか?
- 15. Railsで英語以外の文字を大文字と小文字を区別しない検索する方法は?</p> <pre><code>where("lower(name) like ?", "%#{search_word.downcase}%") </code></pre> <p>をしかし、それはロシア語の文字で正常に動作しません:
- 16. 私は2つの機能</p> <pre><code>void foo() { std::cout << 1 << std::endl; } void bar() { std::cout << 2 << std::endl; } </code></pre> <p>をお持ちの場合は2個の関数のC++
- 17. 比較文字<
- 18. グループ日付<辞書<文字列、文字列>>
- 19. のJavaのHashMapに区切り文字で一覧<String>変換<文字列、文字列>
- 20. Javaのエンコードは、エンコード文字列の文字列をエンコード</p> <pre><code>String encoded=encodeFileToBase64Binary("file.fmr"); </code></pre> <p>//を取得する//他のエンコードされた文字列と一致するにはBase64文字列に
- 21. 絵文字------>「î'î'î」」</p> <p>私がしたい
- 22. 私はangular1(NG1</strong><strong>)アプリをやってきたし、今私はangular2(NG2</strong><strong>)にアプリを移動したいangular2アプリ
- 23. <textarea>(角型の文字)
- 24. Pythonで/ <from <と区別する
- 25. <>構文Angular2
- 26. 角度2は、成功した、Googleのログイン</p> <pre><code><div id="{{googleLoginButtonId}}"></div> </code></pre> <p><strong>onGoogleLoginSuccess</strong>関数が呼び出さ取得されていない
- 27. メモ帳メモ帳++ <em></em>機能を検索と置換を使用して文字列/文字
- 28. chart.js:4キャッチされないのReferenceErrorは:私はNG2-チャートの基本的な例では(<a href="http://valor-software.com/ng2-charts/" rel="nofollow">http://valor-software.com/ng2-charts/</a>)</p> <p>を使用しようとしていますイオン2
- 29. Perlの文字列の乗算がundefで警告しないのはなぜですか?</p> <pre><code>$foo . '' </code></pre> <p>と</p> <pre><code>"$foo" </code></pre> <p>
- 30. スプリットハイブエディタ内の区切り文字に基づいて、列<code>india</code>に<code>'|'</code>と<code>korea</code></p> <p>に基づいて<code>'india|koria'</code>のような文字列を分割するクエリを作成する方法
このコードを挿入する場所はどこですか?このカスタム機能はありますか? –
Lumixが書いたように、テーブル構成でcompareFunction属性を指定することができます:[すべてのテーブル構成プロパティを持つドキュメント] –
is not working –