ozknemoy

Server side rendering/ остальное полурабочие костыли. не понятно что за фронт Vue/Angular. это как? какая версия? у двоек есть ssr

подключаешь любым способом либу.
объявляешь джейквери переменную в классе где он используется: declare var $: any;
и пользуешь.
рассуждать о джейквери в ангуларовских компонентах не стану. но! как будет согласовываться модель ангулара и джейквери значение инпута? и тут же отвечу - никак

1 сервисы (лучше с глубокой вложенностью чтобы работало наследование)(редко)
2 $on + $emit/$broadcast(лично я избегаю этого. сложнее поддерживать приложение)
3 если связь компонентов родитель-ребенок то по средством bindings(для ангулара менее 1.5 это scope)(очень часто. легко поддерживать приложение)

судя по https://material.angularjs.org/1.1.3/ кастомизация ток по стилям. можно конечно поискать стороннее исполнение, но его тестить надо. 300кб после gzip будет весить меньше 100. вот и есть ли смысл костылить? это размер средней фотки

закидывай в ng-class длину passenger.lastName

<input class="g-input" type="text"
                  ng-class="{'someClass':passenger.lastName.length}"
                   name="lastName"
                   ng-model="passenger.lastName"
                   required
                   placeholder-helpers
                   ng-pattern="vm.passengerLastNameRegexp">

востребованный сейчас первый. иногда ищут на второй/четвертый. пока выучишь четверку(она уже с апреля в релизе) востребованность получше станет. наверно уже поздновато единичку учить. у нас один отдел хочет переходить с ангулара на реакт, мой отдел на двойку(четверку) переходит

через #group берешь содержимое всего класса и подхватываешь значение group?.isOpen

<accordion-group #group>
    <div accordion-heading>
      I can have markup, too!
      <i class="pull-right float-xs-right glyphicon"
         [ngClass]="{'glyphicon-chevron-down': group?.isOpen, 'glyphicon-chevron-right': !group?.isOpen}"></i>
    </div>
    This is just some content to illustrate fancy headings.
  </accordion-group>

либо выносить styleUrls из компонента, либо в компоненте ViewEncapsulation=none/ это выключит Shadow DOM и инкапсуляцию стилей. я бы сделал как в первом примере