Sử dụng JSON.stringify trong một biểu thức trong Angular2 mẫu

Question

Tôi có một biểu hiện nhỏ để kiểm tra xem 2 đối tượng là khác nhau hay không, để hiển thị yếu tố này (thông qua việc thêm tên lớp):

<div ngClass='{{JSON.stringify(obj1) != JSON.stringify(obj2) ? "div-show" : ""}}'></div> 

Vấn đề là tôi gặp phải lỗi này: Cannot read property 'stringify' of undefined.

Điều tôi cần có cách giải quyết hoặc giải pháp thích hợp nếu có. Cảm ơn.

PS: Tôi sử dụng JSON.stringify() để so sánh 2 đối tượng đơn giản, không có gì lạ mắt ở đây.

Answer 1

này không có quyền truy cập vào tất cả javascript, chỉ tính thành phần và phương pháp. Tôi nghĩ rằng nó sẽ là tốt nhất để tạo ra một phương pháp 'stringify' trên thành phần của bạn, nhưng bạn chỉ có thể thiết lập một tài sản JSON:

public constructor() { 
    this.JSON = JSON; 
} 

Ngoài ra tôi nghĩ rằng biểu hiện của bạn là ngược. NgClass lấy lớp css làm tên thuộc tính và giá trị true/false để cho biết lớp đó có nằm trên phần tử hay không và phải nằm trong ngoặc đơn:

<div [ngClass]="{'div-show': JSON.stringify(obj1) != JSON.stringify(obj2)}"></div> 

Answer 2

bạn có thể đạt được điều này như thế này trong thành phần làm điều này.

myjson:any=JSON; 

và bạn xem làm điều đó như mã Template

<div ngClass='{{myjson.stringify(obj1) != myjson.stringify(obj2) ? "div-show" : ""}}'></div>