Nano Hash - криптовалюты, майнинг, программирование

Angular Material – получение индекса строки в таблице данных

Я использую компонент MatTable из Angular Material для создания динамической таблицы данных.

Мне нужно получить текущую позицию строки. Я могу легко получить строку, на которую щелкнул пользователь, но я не могу узнать ее текущую позицию в списке (которая зависит от сортировки/фильтрации/нумерации страниц).

Есть идеи?


  • Используете ли вы *ngFor для динамического создания строк? 02.05.2018
  • @CommercialSuicide Нет, я использую матовые ряды, матовые ячейки и т. д. 02.05.2018

Ответы:


1

в вашем mat-cell вы можете получить такой индекс, как *ngFor, как показано ниже

<mat-cell *matCellDef="let element;let i = index;">
        {{ i }}
</mat-cell>

Обновление из Angular 5 также использует index as i

<ng-container matColumnDef="rowIndex">
  <th mat-header-cell *matHeaderCellDef> Index </th>
  <td mat-cell *matCellDef="let element;index as i;"> {{ i }} </td>
</ng-container>
  • index: число: индекс текущего элемента в итерации.
  • first: логическое значение: Истинно, если элемент является первым элементом в итерируемом объекте.
  • last: логическое значение: Истинно, если элемент является последним элементом в итерируемом объекте.
  • even: логическое значение: Истинно, если элемент имеет четный индекс в итерации.
  • odd: логическое значение: Истинно, если элемент имеет нечетный индекс в итерируемом объекте.
02.05.2018
  • Это не связано с данными строки, это просто текущий индекс строки в таблице HTML. 03.05.2018
  • Да, если вам нужно, чтобы индекс был связан с данными строки, вам нужно добавить его к своим данным, чтобы он не изменился при сортировке или фильтрации. 03.05.2018
  • что вы подразумеваете под идентификатором строки html? 03.05.2018
  • индекс строки останется, даже если материал angular изменит содержимое? вот почему этот угловой ngfor работает? 03.05.2018
  • Да, это связано с циклом, а не с данными 03.05.2018

  • 2

    Я много искал, но для моего случая сценарий indexOf не работает должным образом, тогда я нашел этот ответ, и он делает именно то, что мне нужно.

    let i = index;
    i + (paginator.pageIndex * paginator.pageSize);
    
    20.08.2019
  • Вы спасли мой день! 17.09.2020

  • 3

    Вы используете angularjs или angular2? ваш заголовок говорит angularjs, но ваши теги и сообщения говорят об обратном.

    угловой2

    <div *ngFor="item of items; i = index">
      <span click(item, i)>
    </div>
    

    угловой

    <div ng-repeat="item of items">
      <span click(item, $index)>
    </div>
    

    редактировать: я видел ваши комментарии, этот ответ поможет вам? Есть ли свойство индекса с Таблица данных CDK или таблица данных Material2?

    02.05.2018
    Новые материалы

    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..

    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..

    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..

    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..

    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..

    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..

    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..