HTML <label>тег / элемент не распознает атрибут «id» элемента ввода - PullRequest
Новая
       31

HTML <label>тег / элемент не распознает атрибут «id» элемента ввода

0 голосов
/ 26 марта 2020

Я пишу Angular приложение, которое использует ASP. Net Core в качестве бэкэнда, а bootstrap 4 и ngx- bootstrap для стилизации.

По какой-то причине на всех моих тегах HTML <label> (в каждом файле компонента / html И даже если у меня есть атрибуты ID и Name, которые соответствуют атрибуту "for" тега <label> ), идентификаторы не найдены или не распознаны. Я подтвердил это, выполнив аудит маяка инструментов от HTML до chrome. Вот пример кода: 

<div class="modal-header">
    <h4 class="fa-pull-left modal-title" id="modalTitle">{{title}}</h4>
</div>
<div class="modal-body" id="modalBody">
    <form id="modalForm">
        <div class="form-group">
            <label for="swName">Name</label>
            <input id="swName" name="swName" [(ngModel)]="switchman.Name" class="form-control" type="text" />
        </div>
        <div class="form-group">
            <label for="eid">EID</label>
            <input [(ngModel)]="switchman.Eid" class="form-control" id="eid" name="eid" type="text" />
        </div>
        <div class="form-group">
            <label for="homeOffice">Home Office</label>
            <input [(ngModel)]="switchman.HomeOffice" class="form-control" id="homeOffice" name="homeOffice" type="text" />
        </div>
<div class="modal-footer">
    <button (click)="accept()" class="btn btn-success mr-auto" type="button">
        Submit
    </button>
    <button (click)="reject()" class="btn btn-danger" type="button">
        Cancel
    </button>
</div>

В этом разделе, например: 

<form id="modalForm">
        <div class="form-group">
            <label for="swName">Name</label>
            <input id="swName" name="swName" [(ngModel)]="switchman.Name" class="form-control" type="text" />
        </div>

Атрибут <input> id="swName соответствует атрибуту for="swName" <label>, но он вообще не применяется, как будто id="swName" не существует.

Как получить метку для повторного определения идентификатора входного тега?

1 Ответ

0 голосов
/ 27 марта 2020

На самом деле это оказалось проблемой с Решарпером, который неправильно видел отношение ID / For. После дальнейшего тестирования с использованием Chrome Dev Tools и Lighthouse, я понял, что у меня есть несколько других несвязанных тегов ID, которые действительно не были разрешены.

Как только я их исправил, ошибки в Lighthouse исчезли, но моя среда IDE все еще показывала ошибки. Я отправил билет в команду JetBrains / ReSharper. Снимки экрана прилагаются.

IDE: Visual Studio Enterprise 2019 16.5.1

ReSharper: 2020.1 EAP 5

ОС: Win 10

Ссылка на выпуск: https://youtrack.jetbrains.com/issue/RSRP-478855

ОБНОВЛЕНИЕ: JetBrains / ReSharper смогли воссоздать проблему и подтвердить, что это ошибка, которая будет исправлена ​​в будущем выпуске.

Экраны:

Unresolved

Unresolved2

...