Блог

Главная - Вопросы по программированию - Как я могу отключить строку внутри таблицы в некоторых условных выражениях, используя angular 7?

Как я могу отключить строку внутри таблицы в некоторых условных выражениях, используя angular 7?

#angular

#angular

Вопрос:

Итак, у меня есть таблица со строками, и то, что мне нужно в некоторых условных обозначениях, отключает строки.

Я пытался использовать [disabled]=’…’ но сказано, что ‘Атрибут [disabled] здесь не разрешен’

Комментарии:

1. Строка таблицы не имеет disabled атрибута в стандартах W3C.

2. Что вы подразумеваете под отключением? Есть ли какие-либо действия в вашей строке?

3. Да, у меня есть действие, которое открывает модальное окно, когда вы нажимаете на строку. Я хочу отключить некоторые строки, чтобы пользователь не мог щелкнуть по ним.

4. Добавьте сюда свой код модели <td>, чтобы мы могли его отредактировать.

5. строка таблицы не может быть отключена и не должна. может быть, дочерняя кнопка или ввод, для которого вы можете использовать [отключено], как обычно

Ответ №1:

Вместо использования [disabled] , возможно, вам следует попробовать простой *ngIf="condition"

Ответ №2:

Вы можете использовать css для отключения конкретной строки.

css:

 .disabled {
 pointer-events: none;
}

Затем примените этот класс в строке, которую вы хотите отключить. Вы можете использовать ngClass в angular, который будет применять класс только при соблюдении определенных условий

HTML:

 <div *ngFor="let item of items">
  <span [ngClass]="{'disabled':item.value === 'item'}">{{item.value}}</span>
</div>

Приведенный выше код применит класс disabled, если item.value равно item .