kątowa 2 szablon użyj konsoli. Log

Question

Chciałbym użyć console.log wewnątrz szablonu inline, ale nie mogę znaleźć żadnych wskazówek.

@Component({ 
    selector:"main", 
    providers: [ItemService], 
    template:` 
    <ul> 
    <li *ngFor="let item of items"> 
     {{console.log(item)}} <----- ??? 
     <p>{{item.name}}</p> 
    </li> 
    </ul> 

    ` 
}) 
export class HomeComponent { 
    private items: Array<ItemModel>; 

    constructor() {} 
} 

Answer 1

Nie można uzyskać dostępu globalnych, statykę, ...

Można tylko właściwości dostępu składnika widok należy.

Możesz dodać

log(val) { console.log(val); } 

do swojego urządzenia i używać go jak

{{log(item)}} 

ale bądź przygotowany to być zalogowany dość często (co wykrywania zmian upływem czasu).

Do debugowania Wolę

{{item | json}} 

Answer 2

Lepszy sposób to zrobić:

W ten sposób można uzyskać dostęp do wszystkich właściwości konsoli na stronie szablonu

---

Strona komponentu:

export class AppComponent { 
    console = console; 
} 

Szablon strony:

{{ console.log('----------------> Logging') }} 
{{ console.warn('----------------> Warning') }} 
{{ console.error('----------------> error') }} 

WORKING DEMO