góc 2 mẫu sử dụng console.log

Question

Tôi muốn sử dụng console.log bên trong mẫu nội tuyến nhưng không thể tìm thấy bất kỳ chỉ đường nào.

@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

Bạn không thể truy cập globals, tĩnh học, ...

Bạn chỉ có thể thuộc tính truy cập của các thành phần quan điểm thuộc về.

Bạn có thể thêm một

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

đến thành phần của bạn và sử dụng nó như

{{log(item)}} 

nhưng được chuẩn bị này để đăng nhập khá thường xuyên (mỗi phát hiện sự thay đổi thời gian chạy).

Để gỡ lỗi tôi thích

{{item | json}} 

Answer 2

Better cách để làm điều đó:

Bằng cách này bạn có thể truy cập tất cả các tính chất giao diện điều khiển trên mẫu bên

---

Bên thành phần:

export class AppComponent { 
    console = console; 
} 

Template Side:

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

WORKING DEMO