Простейший способ, которым я попытался
Вы также можете создать массив в своем файле компонента, и вы можете вызвать его с помощью директивы * ngFor, возвращаясь как массив.
Что-то как это ....
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-morning',
templateUrl: './morning.component.html',
styleUrls: ['./morning.component.css']
})
export class MorningComponent implements OnInit {
arr = [];
i: number = 0;
arra() {
for (this.i = 0; this.i < 20; this.i++) {
this.arr[this.i]=this.i;
}
return this.arr;
}
constructor() { }
ngOnInit() {
}
}
И эта функция может использоваться в вашем файле шаблона html
<p *ngFor="let a of arra(); let i= index">
value:{{a}} position:{{i}}
</p>
<(?!\/?a(?=>|\s.*>))\/?.*?>
Попытка это. Имел что-то подобное для тегов p. Работавший для них так не смотрите почему нет. Отрицательное предвидение использования, чтобы проверить, что это не соответствует (снабженный префиксом дополнительное / символ), где (использование положительного предвидения) (с дополнительным / префикс) сопровождается a> или пространством, материалом и затем>. Это тогда соответствует вплоть до следующего> символ. Поместите это в subst с
s/<(?!\/?a(?=>|\s.*>))\/?.*?>//g;
, Это должно оставить только открытие и закрытие тегами
Я продолжаю продолжать об этом, но нет никакого способа, которым я могу рекомендовать regexr слишком часто. Это фантастически для тестирования этого типа вещей.
В целом существуют проблемы с этим подходом. Regexes являются лучшими для 'плоских' текстовых соответствий - вложенные данные продвигают regex механизмы в области, для которых они не разработаны. Для общего парсинга HTML нужен синтаксический анализатор не regex механизм (Google для различия между регулярными и контекстно-свободными языками, если Вы хотите полные технические детали).
легко разделить все теги путем замены/< / и/> / с пустой строкой или их эквивалентами объекта, но выборочно фильтрацией HTML с помощью regexes будет уязвимо для широкого спектра случайных или злонамеренных исходных данных, повреждающих вещи.
Держите:
{<(?!i|b|h[1-6]|/i|/b|/h[1-6][\s|>|/])[^>]*>}