Извлечение связанной записи из массива с помощью элемента give в TextBox

Question

Я работаю в Аурелии. У меня очень простой сценарий: на HTML-странице отображается только кнопка и одно текстовое поле, а когда пользователь пишет текст в текстовом поле и нажимает кнопку, то все связанные записи из массива должны отображать данный текст.Например, если пользователь пишет «Aamir», соответствующие записи в amir («Aamir Hussain and Rollnumber: 413) должны отображаться на экране в виде таблицы или в виде простой строки.

entries = [
    {rollNumber: 413, name: 'Aamir Hussain'},
    {rollNumber: 405, name: 'Adil Hussain'},
  ];

Я пробовал много способов, но не смогнайди решение моей проблемы

Answer 1

Вот GistRun (лучше всего Google Chrome): https://gist.run/?id=7d49e5adafe359a165ddd8423830ef92

app.html

<template>
    <input type="text" value.bind="searchText"></input>
    <p>${foundItem}</p>
</template>

app.js

import {observable} from 'aurelia-framework';

export class App {
  @observable() searchText;

  entries = [
    {rollNumber: 413, name: 'Aamir Hussain'},
    {rollNumber: 405, name: 'Adil Hussain'},
  ];

  searchTextChanged() {
    let foundEntry = this.entries.find(entry => entry.name.startsWith(this.searchText));

    if (foundEntry) {
      this.foundItem = `${foundEntry.name} and Rollnumber : ${foundEntry.rollNumber}`;
    } else {
      this.foundItem = '';
    }
  }
}

Я настоятельно рекомендую вам посмотреть Начало развития Aurelia .