Эта строка
<h2>{{hero.name}} details!</h2>
находится вне *ngFor
, и нет hero
, поэтому hero.name
не работает.
Чтобы активировать несколько тем / дочерних тем, вы просто не можете. Но вы можете показать разный макет своему посетителю, просто используя только одну тему. Что вы имеете в виду, чтобы активировать сразу несколько разных шаблонов? Вы имеете в виду, как страница будет отображаться?
Не то, что я знаю. Тем не менее, вы можете настроить собственные макеты страниц, и если вам нужно определить их по-разному (скажем, фон отличается на каждом), используйте настраиваемое поле.
Я не думаю, что это возможно. То, что вы можете сделать, это кодирование разных таблиц стилей, которые вы используете в зависимости от ваших потребностей. Вы можете управлять ими в php-коде и даже легко переключаться в javascript.