Как средствами css либо Angular убрать определённый атрибут элемента?

Question

[Роман Ракзин]

Есть компонент, который когда отрисовывается- в нём есть ненужная мне надпись. Как мне убрать "向后 5 页" ? Либо средствами ангуляр либо, если можно через атрибуты в css, только так что б содержимое "some text" было, а title удалить? (только не через jquery).
Как это через @ViewChild делать или css?

<li  title="向后 5 页" class="ant-pagination-jump-next">some  text</li>

PS: править либу я не могу. Она идёт из коробки такая.

Comments

[ambisinister One]

а кодировку менять пробовали? Чтобы текст правильно отображался?

[Роман Ракзин]

ambisinister One а как всё же его удалить не смотря на кодировку. А язык в либе я ставил, но я хочу вообще удалить это.
Я пишу типа такого, но не работает

let data = document.querySelectorAll('li');
    if (data){
      data.forEach(el => {
        el.removeAttribute('title');
      });
    }

так как компонент рендерится позже

[ambisinister One]

Роман Ракзин, 向后 5 页 по китайски : назад 5 страниц

[G F]

Роман Ракзин, через viewChild получаешь компонент, в хуке aftervirwinit берёшь renderer2.removeattribure и передаёшь туда elementRef.nativeElement компонента. Как-то так
https://angular.io/api/core/Renderer2#removeattribute

[Антон Швец]

Довольно редкая проблема, а что за либа? Может вопрос можно решить другим способом.

[Роман Ракзин]

Антон Швец https://ng.ant.design/components/pagination/en (на сайте этого нет, так как видимо в демонстрации версия уже другая). Как я читал - в последующих версиях всё отображается корректно, но я использую 11 ангуляр и под него такая версия.
Возможно как-то действительно с локализацией настроить можно, но я пока не разобрался.
https://ng.ant.design/docs/i18n/en Это прописывать в app.module или в том модуле, который с ленивой загрузкой и элемент там?

[Роман Ракзин]

Всем спасибо. Да, дело было в локализации. Заработало. Не понадобилось изобретать костыли)))

Answer 1

[Виталий Кадыров]

Доброго времени суток-))) Очень просто -> через декоратор ViewChild получаете доступ к элементу, например вот так "@ViewChild(li) li: ElementRef" в классе компонента и на своем элементе ставите атрибут "#li". После этого, например в хуке ngAfterViewInit убираете/замещаете/удаляете атрибут "this.li.nativeElement.removeAttribute('title')" - в случае изменения заменяете removeAttribute на setAttribute со значением