Здравствуйте, Serginio1, Вы писали:

S>Так это и есть Angular 2.

Да неужели. Кто бы мог подумать!

S>Только это ближе к Razor, но на клиенте.

Отличная шутка, Евгений Ваганович! Razor, ну конечно же, как же, не иначе. А фанерный кукурузник это что-то ближе к Space Shuttle, но на совхозном поле.

S> то изменяется класс IsFocused при изменении свойства IsFocused объекта.

Все это прекрасно! Давайте немного почитаем отзывы пользователей Ангуляр2. Оффтопить так оффтопить!
https://meebleforp.com/blog/36/angular-2-is-terrible

<ul class="session-container-list">
<li class="session-container"
*ngFor="let container of containers"
[class.empty-container]="container.sessions.length === 0" (click)="container.sessions.length === 0&&!isPublic&&!isAnalytics&&addNewSession(container)" [style.cursor]="(!isPublic&&!isAnalytics)?'pointer':'auto'">
<ul *ngIf="!isPublic" class="session-list"
[dragula]='"column"' [dragulaModel]='container.sessions'
data-column-type="absolute"
[attr.data-container]="getContainerData(container) | json">
<li class="session-wrapper"
*ngFor="let session of container.sessions"
[attr.data-session-id]="session.id"
[attr.data-session-placeholder]="session.placeholder"
[attr.data-session-start]="session.start?session.start.toISOString():''"
[attr.data-session-duration]="session.duration"
[class.placeholder]="session.placeholder">
<my-session [session]="session" [offsetDate]="offsetDate" [agenda]="agenda" [isPublic]="isPublic" [isAnalytics]="isAnalytics"
(onSessionEdited)="onSessionEdited($event)"
(onSpeakerEdited)="onSpeakerEdited($event)"
(onSpeakerAdded2)="onSpeakerAdded($event)"
(onVenueEdited)="onVenueEdited($event)"
(onVenueAdded2)="onVenueAdded($event)"
(onSessionDeleted)="onSessionDeleted($event)"
></my-session>
</li>
</ul>
<ul *ngIf="isPublic && container.sessions" class="session-list">
<li class="session-wrapper"
*ngFor="let session of container.sessions"
[class.placeholder]="session.placeholder">
<my-session [session]="session"
[offsetDate]="offsetDate"
[agenda]="agenda"
[isPublic]="isPublic"
[isAnalytics]="isAnalytics"
*ngIf="session.toggle"
[token]="token"
[interested]="isInterestedInSession(session)"
(onSessionInterestEdited)="onSessionInterestEdited($event)"
[analyticsData]="getAnalyticsDataForSession(session)">
</my-session>
</li>
</ul>
</li>
</ul>

Звездические ноги!!!! Я вою, вою от восторга!

Здравствуйте, Serginio1, Вы писали:

S>Так это и есть Angular 2.

Да неужели. Кто бы мог подумать!

S>Только это ближе к Razor, но на клиенте.

Отличная шутка, Евгений Ваганович! Razor, ну конечно же, как же, не иначе. А фанерный кукурузник это что-то ближе к Space Shuttle, но на совхозном поле.

S> то изменяется класс IsFocused при изменении свойства IsFocused объекта.

Все это прекрасно! Давайте немного почитаем отзывы пользователей Ангуляр2. Оффтопить так оффтопить!
https://meebleforp.com/blog/36/angular-2-is-terrible

<ul class="session-container-list">
  <li class="session-container"
    *ngFor="let container of containers"
    [class.empty-container]="container.sessions.length === 0" (click)="container.sessions.length === 0&&!isPublic&&!isAnalytics&&addNewSession(container)" [style.cursor]="(!isPublic&&!isAnalytics)?'pointer':'auto'">
    <ul *ngIf="!isPublic" class="session-list"
        [dragula]='"column"' [dragulaModel]='container.sessions'
        data-column-type="absolute"
        [attr.data-container]="getContainerData(container) | json">
      <li class="session-wrapper"
        *ngFor="let session of container.sessions"
        [attr.data-session-id]="session.id"
        [attr.data-session-placeholder]="session.placeholder"
        [attr.data-session-start]="session.start?session.start.toISOString():''"
        [attr.data-session-duration]="session.duration"
        [class.placeholder]="session.placeholder">
        <my-session [session]="session" [offsetDate]="offsetDate" [agenda]="agenda" [isPublic]="isPublic" [isAnalytics]="isAnalytics"
          (onSessionEdited)="onSessionEdited($event)"
          (onSpeakerEdited)="onSpeakerEdited($event)"
          (onSpeakerAdded2)="onSpeakerAdded($event)"
          (onVenueEdited)="onVenueEdited($event)"
          (onVenueAdded2)="onVenueAdded($event)"
          (onSessionDeleted)="onSessionDeleted($event)"
          ></my-session>
      </li>
    </ul>
    <ul *ngIf="isPublic && container.sessions" class="session-list">
      <li class="session-wrapper"
        *ngFor="let session of container.sessions"
        [class.placeholder]="session.placeholder">
        <my-session [session]="session" 
                    [offsetDate]="offsetDate" 
                    [agenda]="agenda" 
                    [isPublic]="isPublic" 
                    [isAnalytics]="isAnalytics" 
                    *ngIf="session.toggle"
                    [token]="token"
                    [interested]="isInterestedInSession(session)"
                    (onSessionInterestEdited)="onSessionInterestEdited($event)"
                    [analyticsData]="getAnalyticsDataForSession(session)">
        </my-session>
      </li>
    </ul>
  </li>
</ul>

Звездические ноги!!!! Я вою, вою от восторга!