angular.js - 关于angularjs中filter问题
滿天的星座
滿天的星座 2017-05-15 16:56:17
0
3
570

<li ng-repeat="phone in phones|filter:query">

一般都是这样写过滤,但是我想只针对一部分数据,phone.name实现过滤这个要如何实现呢??

滿天的星座
滿天的星座

membalas semua(3)
曾经蜡笔没有小新

<li ng-repeat="telefon dalam telefon|penapis:{'name': query}">

漂亮男人

Menurut dokumentasi rasmi, terdapat beberapa cara untuk mencapai ini:
{{ filter_expression filter : expression : comparator}}

1. Seperti kaedah yang diberikan oleh Guox, gunakan ungkapan:

Objek: Objek corak boleh digunakan untuk menapis sifat tertentu pada objek yang terkandung oleh tatasusunan Contohnya predikat {name:"M", phone:"1"} akan mengembalikan tatasusunan item yang mempunyai nama sifat yang mengandungi "M. " dan telefon harta yang mengandungi "1".

Digunakan sebagai Objek, digunakan untuk menapis atribut tertentu elemen tatasusunan, seperti ungkapan = {nama: "M", telefon: "1"}, kemudian ia akan menapis bahawa nama dalam tatasusunan mengandungi 'M' dan telefon mengandungi elemen '1'.

Jadi hanya gunakan kaedah berikut

<li ng-repeat="phone in phones|filter:{name:query}">

2. Pembanding boleh digunakan:

Pembanding yang digunakan dalam menentukan sama ada nilai yang dijangkakan (daripada ungkapan penapis) dan nilai sebenar (daripada objek dalam tatasusunan) harus dianggap sebagai padanan.
fungsi(sebenar, dijangka): Fungsi akan menjadi diberi nilai objek dan nilai predikat untuk dibandingkan dan harus mengembalikan benar jika kedua-dua nilai harus dianggap sama.

Nilai pulangan Comparator boleh digunakan untuk menentukan sama ada terdapat padanan Parameter input adalah sebenar (elemen dalam tatasusunan) dan dijangka (input)

Kemudian tentukan fungsi

$scope.customerFilter = customerFilter;

function customerFilter(actual, expected){
    return actual.name.contains(expexted) ? true : false;
}

前端使用
<li ng-repeat="phone in phones|filter:query:customerFilter">
習慣沉默

Terima kasih banyak-banyak, terima kasih

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan