您好,
在我尝试绑定数据的模板中,当我使用ng serve --prod
命令时,它会给我一些奇怪的错误。
以下是我用于数据绑定的模板代码。
<a href dropdownToggle (click)="false">
<i class="glyphicon glyphicon-bell" [ngClass]="cookieData?.search_unread_count != 0 ? 'notification-icon': ' '">
<span *ngIf="cookieData?.search_unread_count != 0">
{{cookieData.search_unread_count}}
</span>
</i>
</a>
以下是我调用服务并将json数据存储在cookieData中的组件。
try {
this._userService.getBellNotification(this.currentUser.uid)
.subscribe(data => this.cookieData = data);
} catch (e) {
console.log("Catch Block Error from Notification.Component.ts");
console.log("currentUser", this.currentUser.uid);
}
这是我使用数据绑定在模板中消耗的json数据。
{
"search_result": [
{
"id": "226",
"message": "Message 1",
"status": "0"
},
{
"id": "225",
"message": "Message 2",
"status": "0"
},
{
"id": "224",
"message": "Message 3",
"status": "0"
}
],
"search_unread_count": 3
}
上面代码的问题是当我试图绑定模板中的数据时,它会给我以下错误:
在执行ng serve --prod命令之前,它在localhost环境中工作正常,但是当我运行这个ng serve --prod命令时,它会给我这个错误。那么有人能告诉我如何解决这个问题吗?