Не работают стили в Angular-app [требует правки]

247

18 июня 2017, 18:48

Всем доброго времени суток! Разрабатываю приложение на Angular 2 + PrimeNG. Использована тема Omega. Вот код index.html

<!doctype html>
 <html>
<head>
<base href="/">
<meta charset="utf-8">
<title></title>
<link rel="shortcut icon" href="/img/favicon.gif" type="image/gif">
<link rel="stylesheet" href="https://npmcdn.com/font-awesome/css/font-awesome.min.css"></script> 
<link rel="stylesheet" href="https://npmcdn.com/primeui/themes/omega/theme.css"></script>
<link rel="stylesheet" href="https://npmcdn.com/primeui/primeui-ng-all.min.css"></script>
</head>
<body>
<some>Загрузка ...</some>
</body>
</html>

Привожу шаблон компонента, где наблюдается проблема.

<div class="ui-grid-row"> 
<div class="ui-grid-col-6">  
  <div class="form-group">
  <label>Станция отправления</label>
  <input type="text" pInputText size="6" [(ngModel)]="mdl_out_station_code" (keypress)="onOUTGOKey($event)" />
  <input type="text" pInputText [(ngModel)]="mdl_out_station_name"/>
  </div>
  <p-dialog header="Выбор станции отправления" [(visible)]="outgo_display" width="400" >
  <p-dataTable [value]="mdl_STATIONs" scrollable="true" scrollHeight="300px" scrollWidth="350px" selectionMode="single" [(selection)]="mdl_station_row" (onRowSelect)="onOUTGORowSelect($event)" >
  <p-column field="kod" [style]="{'width':'70px'}" ></p-column>
  <p-column field="name" ></p-column>              
  </p-dataTable>
  </p-dialog>

Не выделяются элементы интерфейса подсветкой, когда наводишь курсор и когда становишься на элемент. Явно что-то со стилями. Что может быть не так? Спасибо за любую помощь.