Мне неприятно это говорить, но я знаю частичное решение вашей проблемы. Мое решение работает тогда и только тогда, когда сортировка выполняется пользователем, т.е. он не выделяет столбец при первоначальной сортировке при первом рендере, однако я публикую сообщение это здесь может дать вам направление на что посмотреть. Чтобы захватить событие сортировки, вы должны добавить прослушиватель событий (matSortChange)="onSortEvent($event)"
в свой файл DOM следующим образом:
<table (matSortChange)="onSortEvent($event)" mat-table [dataSource]="dataSource" matSort class="mat-elevation-z8">
.ts
В файле вы можете записать имя столбца, по которому щелкнули, используя следующее, и сохранить его в локальной переменной:
activeColumn: string;
onSortEvent(eventData){
this.activeColumn= eventData['active'];
}
. введите имя активного столбца в локальную переменную, которая, в свою очередь, может использоваться для активации определенного класса для ваших заголовков, например: в вашем css-файле вы можете иметь что-то вроде: .highlight {
background-color: lightgray;
}
и в вашем DOM-файле:
<ng-container matColumnDef="position">
<th mat-header-cell *matHeaderCellDef mat-sort-header [className]="activeColumn === 'position'?'highlight':'default'"> No. </th>
<td mat-cell *matCellDef="let element"> {{}} </td>
</ng-container>
Я надеюсь, что это решит немного ваших проблем.
Посмотрите на JsBin , это отличный онлайн-инструмент для совместной отладки JavaScript ...
Вы можете легко включить самые популярные библиотеки JavaScript и даже использовать его для отладки Ajax-запросов ...
Посмотрите вступительное видео ...
JSLint helps a lot for validating JS.
In terms of running/debugging, I use Firebug on Firefox, and Opera/Safari/IE8's built in JS debuggers. (None of these are online, but all are pretty powerful.) I think that Firebug Lite would make for a decent online JS debugger (in that it's a bookmarklet instead of a plugin or specific browser feature).
It's a Firefox extension, not an online service, but you should look into Firebug if you need to execute arbitrary JavaScript for debugging. Or Firebug Lite if you need support for other browsers.
If you're using a WebKit based browser, (Safari or Chrome), then you can use the Web Inspector. I think that IE 8 and Opera also have equivalent features.
If you need to run JavaScript from the command line, you can use SpiderMonkey directly; it has a JavaScript REPL that you can run.
Вы можете запускать / отлаживать javascript в Интернете с помощью Overbyte