С выпуском AngularJS 1.5 я подумал, что было бы неплохо разбить мое существующее приложение, чтобы использовать новую архитектуру на основе компонентов, которую они отстаивают.
Мне удалось преобразовать большую часть моего приложения в компоненты, но я столкнулся с проблемой при попытке разделить таблицу. Я решил, что имеет смысл, чтобы каждая строка таблицы была отдельным компонентом, потому что каждая строка имеет определенное форматирование, контролируемое данными (приложение предназначено для отображения журналов, и каждая строка имеет цветовую кодировку и, возможно, затемняется в зависимости от настроек фильтра. и содержимое строки). Однако я столкнулся с проблемой, когда пользовательские элементы не работают внутри таблиц.
Я знаю, что с директивами вы можете просто изменить ее на директиву атрибута и применить ее к элементу строки таблицы, но эта опция недоступна для новых компонентов. Кроме того, мне не особенно понравилось это решение, так как директиве/компоненту необходимо применить класс к строке таблицы для форматирования. Гораздо чище сделать это, если строка объявлена в шаблоне, а не как вмещающий элемент.
Я также нашел архаичный параметр «заменить», который выглядит так, как будто он был бы идеальным для этого варианта использования, но, к сожалению, он устарел и был удален двумя основными версиями назад. К сожалению, я не смог найти замену этой функции.
Есть ли хороший способ заставить новые компоненты работать внутри таблиц? И если нет, есть ли другой способ выполнить то, что я хочу сделать, не прибегая к директиве атрибута?
