角度，控制器之間共享數據並從一個控制器更新它

Question

我已經通讀了很多關於它的文章，但仍然無法確定我的代碼有什麼問題。我有兩個控制器 - 一個收集每人訂單的產品，另一個收集訂購產品的表格。很顯然，我希望他們分享有關訂單/產品的數據。很遺憾，我無法在添加新產品後對訂單表進行更新。

export class OrderReviewController { 
    ... 
    getProducts =() => { 
     this.orderDataFactory.setOrders(this.orderService.getOrdersPerAppointment()); 
     return this.orderDataFactory.getProducts(); 
    } 
} 

export class ProductController { 
    ... 
    refreshOrdersTable =() => { 
     this.ordersData.setOrders(this.orderService.getOrdersPerAppointment()); 
     this.ordersData.setProducts(undefined); 
    } 
} 

export class OrdersData implements interfaces.IOrdersDataFactory { 
    orders: interfaces.IOrder[]; 
    products: interfaces.ISalesOrderDetail[]; 

    getOrders =() => { 
     return this.orders; 
     } 

    setOrders = (orders: interfaces.IOrder[]) => { 
     this.orders = orders; 
    } 

    getProducts =() => { 
     if (!this.products){ 
     this.products = []; 
     for (var i = 0; i < this.orders.length; i++) { 
      this.products = this.products.concat(this.orders[i].products); 
     } 
     } 
    return this.products; 
    } 

    setProducts = (products:any) => { 
     this.products = products; 
    } 
} 

`<tr ng-repeat="sample in oc.getProducts()"> 
    <td><a href="" ng-dblclick="oc.openOrderPopup(sample.SalesOrderId.Id)">{{product.salesordername}}</a></td> 
             <td><a href="" ng-dblclick="oc.openContactPopup(sample.cdss_contactid.Id)">{{product.customerName}}</a></td> 
             <td>{{product.title}}</td> 
             <td>{{product.subject}}</td> 
             <td>{{product.type}}</td> 
             <td>{{product.sent ? "yes" : "no"}}</td> 
            </tr>` 

不幸的onload我得到：

Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!

Answer 1

問題駐留在的getProducts（）方法在OrdersData類。問題是每次執行該函數時都會創建一個新數組。您不應該每次都重新創建產品數組，而應使用一些更新標準來定義何時創建新數組。

如果orders數組與上次相同，則返回相同的對象。

getProducts =() => { 

    if(!this.products || someUpdateCriteria) { 
     this.products = []; 
     for (var i = 0; i < this.orders.length; i++) { 
      this.products = this.products.concat(this.orders[i].products); 
     } 
    } 

    return this.products; 
} 

請參閱本文的詳細信息：https://docs.angularjs.org/error/ $ rootScope/infdig