Angular 1では、表現する値をユーザーに表示するときに、角度Filtersを使用します。 Angular 2では、同じものとしてPipeを使用しています。なぜ角度2の "フィルタ"は "パイプ"と呼ばれていますか?
角度1つのフィルタ:
HTML:
<p> {{ greetings | reverse }}</p>
のJs:
app.filter('reverse', function() {
return function(input, uppercase) {
input = input || '';
var out = '';
for (var i = 0; i < input.length; i++) {
out = input.charAt(i) + out;
}
// conditional based on optional argument
if (uppercase) {
out = out.toUpperCase();
}
return out;
};
});
角度2:
HTML:
<p> {{ greetings | reverse }}</p>
活字体:
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({name: 'reverse'})
export class ReversePipe {
transform(input:string): string {
input = input || '';
let out = '';
for (var i = 0; i < input.length; i++) {
out = input.charAt(i) + out;
}
return out;
}
}
コードを見ることで、一つは両者が同じことをすることを結論付けることができます。どちらも同じ役割と責任を持っています。私が知りたいのはなぜ彼らは角2のパイプに改名されたのですか?
「パイプ」は何ですか? –
これは、 '| '演算子はパイプとして知られています。名前は演算子名に由来します。 –
しかしパイプオペレーターもフィルターを持っていました...なぜ投票が遅れましたか?私は何か見落としてますか? –