angular-training/src/app/blog/blog.component.html at 305964b5b70a3fa65e8891db11dc8e35c91914c9 · masteropen/angular-training · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<li [ngClass]="{'list-group-item': true, 'post_item': true}">
    <div [ngClass]="{'row': true}">
        <div [ngClass]="{'col-md-6': true}">
            <h3>{{ title }}</h3>
        </div>
        <div [ngClass]="{'col-md-6': true}">
            <p [ngClass]="{'created_at_block': true}">{{ createdAt | date: 'd/MM/y, h:mm a' }}</p>
        </div>
    </div>
    <div [ngClass]="{'row': true}">
        <p>
            {{ content }}
        </p>
    </div>
    <div [ngClass]="{'row': true}">
        <div [ngClass]="{'row': true}">
            <div [ngClass]="{'col-md-6': true}">
                <button (click)="loveIt()" [ngClass]="{'btn': true, 'btn-success': true, 'post_action_btn': true}">Love it</button>
                <button (click)="dontLoveIt()" [ngClass]="{'btn': true, 'btn-danger': true, 'post_action_btn': true}">Don't love it</button>
            </div>
            <div [ngClass]="{'col-md-6': true}">
                <p [ngStyle]="{'float': 'right'}">
                    <span>Loves : {{ loveIts }}</span>
                </p>
            </div>
        </div>
    </div>
</li>