[Angular] ngFor filter

//HTML
<input type="text" [(ngModel)]="_num"/>
<ul>
<li *ngFor="let item of numList | numFilter:_num">
{{item.po}}
</li>
</ul>
<p>_num:{{_num}}</p>
view raw component.html hosted with ❤ by GitHub
//TS
import { Component, OnInit } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { FormBuilder, FormGroup, FormControl, Validators } from '@angular/forms';
import { NumFilterPipe } from '../num-filter.pipe';
@Component({
selector: 'app-num',
templateUrl: './num.component.html',
styleUrls: ['./num.component.css']
})
export class NumComponent implements OnInit {
_num;
numList = [
{po:'500123'},
{po:'94938'},
{po:'7857'}
];
constructor() { }
ngOnInit() {
}
}
view raw ngFor_pipe.ts hosted with ❤ by GitHub
//ng g pipe numFilter
//num-filter.pipe.ts
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({
name: 'numFilter'
})
export class NumFilterPipe implements PipeTransform {
transform(numList: any, _num: any): any {
if(_num === undefined) return numList;
return numList.filter(item => {
console.log(item.po.includes(_num));
return item.po.includes(_num);
})
}
}

解決 electron 安裝失敗問題(Mac)


npm install -g electron 出現Error

permission denied, mkdir '/usr/local/lib/node_modules/electron/dist'


使用下列安裝就順利裝上去惹@@

sudo npm install -g electron --unsafe-perm=true --allow-root
頁面 1 / 5: 12345 下一頁
蔡松霖
Related Posts with Thumbnails