Embeer.js ArrayProxy isAny()用法及代碼示例

import Route from "@ember/routing/route"; 
  
export default class DetailsRoute extends Route { 
    details = [ 
        { 
            name: "Anubhav", 
            mobile: "1298119967", 
            city: "Patna", 
            country: "India", 
            gender: "M", 
            zipCode: "800020", 
        }, 
        { 
            name: "Yogesh", 
            mobile: "1234567890", 
            city: "Raipur", 
            country: "India", 
            gender: "M", 
            zipCode: "402001", 
        }, 
        { 
            name: "Satyam", 
            mobile: "2222222222", 
            city: "Delhi", 
            country: "India", 
            gender: "M", 
            zipCode: "110012", 
        }, 
        { 
            name: "Shivam", 
            mobile: "1122113322", 
            city: "Patna", 
            country: "India", 
            gender: "M", 
            zipCode: "530068", 
        }, 
        { 
            name: "Ayushi", 
            mobile: "2244668800", 
            city: "Jaipur", 
            country: "India", 
            gender: "F", 
            zipCode: "302001", 
        }, 
    ]; 
  
    city; 
    start; 
    end; 
    model() { 
        return this.details; 
    } 
    setupController(controller, model) { 
        super.setupController(controller, model); 
        controller.set("details", this.details); 
        controller.set("city", this.city); 
        controller.set("start", this.start); 
        controller.set("end", this.end); 
    } 
}

import Ember from "ember"; 
import { isAny } 
    from "@ember/array"; 
  
export default Ember.Controller.extend({ 
    actions: { 
        checkCity(city) { 
            let res = this.details.isAny('city', city); 
            alert(res  
                ? `Person from ${city} Present`  
                : `No Person from ${city} present`); 
        }, 
        checkName(name) { 
            let res = this.details.isAny('name', name); 
            alert(res  
                ? `${name} is in list`  
                : `No Person of name ${name} present`); 
        }, 
        checkFemale() { 
            let res = this.details.isAny('gender', 'F'); 
            alert(res  
                ? `Female employee present in List`  
                : `No Female present`); 
        }, 
    }, 
});

{ { page - title "isAny" } } 
<h3>List of People: </h3> 
<br /><br /> 
<table> 
    <tr> 
        <th>Name</th> 
        <th>Gender</th> 
        <th>Mobile</th> 
        <th>City</th> 
        <th>Country</th> 
        <th>Zip Code</th> 
    </tr> 
    {{#each @model as |detail|}} 
    <tr> 
        <td>{{detail.name}}</td> 
        <td>{{detail.gender}}</td> 
        <td>{{detail.mobile}}</td> 
        <td>{{detail.city}}</td> 
        <td>{{detail.country}}</td> 
        <td>{{detail.zipCode}}</td> 
    </tr> 
    {{/each}} 
</table> 
<br /><br /> 
<div> 
    <label>Enter City: </label> 
    {{input value=this.city}} 
</div> 
  
<div> 
    <input type="button" id="check-city" 
    value="Check SomeOne from city" 
    {{action 'checkCity' this.city}} /> 
</div> 
<br /><br /> 
<div> 
    <label>Enter Name: </label> 
    {{input value=this.name}} 
</div> 
<div> 
    <input type="button" id="check-name" 
    value="Check SomeOne by Name" 
    {{action 'checkName' this.name}} /> 
</div> 
<br /> 
<input type="button" id="get-female" 
    value="Female Present in list" 
    {{action 'checkFemale' }} />

import Route from '@ember/routing/route'; 
import { } from '@ember/array'; 
  
export default class FruitsRoute extends Route { 
    fruits = [ 
        { 
            'name': 'Lady Finger', 
            'isFruit': false, 
            'color': 'green'
        }, 
        { 
            'name': 'Brinjal', 
            'isFruit': false, 
            'color': 'purple'
        }, 
        { 
            'name': 'Apple', 
            'isFruit': true, 
            'color': 'red'
        }, 
        { 
            'name': 'Grapes', 
            'isFruit': true, 
            'color': 'green'
        }, 
        { 
            'name': 'Mango', 
            'isFruit': true, 
            'color': 'yellow'
        }, 
        { 
            'name': 'Watermelon', 
            'isFruit': true, 
            'color': 'red'
        }, 
        { 
            'name': 'Orange', 
            'isFruit': true, 
            'color': 'orange'
        } 
    ]; 
    model() { 
        return this.fruits; 
    } 
    setupController(controller, model) { 
        super.setupController(controller, model); 
        controller.set('fruits', this.fruits); 
    } 
}

import Ember from "ember"; 
import { isAny, isEvery } from "@ember/array"; 
  
export default Ember.Controller.extend({ 
    actions: { 
        anyFruit() { 
  
            let ans = this.fruits.isAny("isFruit") 
            alert(ans  
                ? `List contains SomeFruit`  
                : "List doesn't contains any Fruits"); 
        }, 
        allFruit() { 
            let ans = this.fruits.isEvery("isFruit"); 
            alert(ans  
                ? `List contains Only Fruits`  
                : "List doesn't contains Only Fruits"); 
        }, 
        remove() { 
            this.fruits.clear(); 
        } 
    }, 
});

{{page-title "isAny"}} 
<h3>Here is a list of eatables: </h3> 
<ul> 
    {{#each @model as |eatable|}} 
    <li> 
        {{eatable.name}} 
    </li> 
    {{/each}} 
</ul> 
<br /><br /> 
<input type="button" id="fruit-any" 
    value="List Contains Any Fruit?" 
    {{action 'anyFruit' }} /> 
<br /><br /> 
<input type="button" id="fruit-all" 
    value="List Contains Only Fruit?" 
    {{action 'allFruit' }} /> 
  
<br /><br /> 
<input type="button" id="remove-Fruits" 
    value="Clear" 
    {{action 'remove' }} /> 
{{outlet}}