在餘燼組件中拋出錯誤

Question

我想知道什麼是從組件中拋出錯誤的最佳方法。在下面的例子中，我檢查是否有一個行爲通過，我拋出一個錯誤，以防止進一步執行這個工作，但是錯誤路由沒有像我期望的那樣被觸發。

/** 
     * Save step and go to the next step. 
     */ 
     next() { 
      if (isEmpty(this.get('nextAction'))) { 
       throw new Error('The nextAction is undefined.'); 
      } 
      if (isEmpty(this.get('saveAction'))) { 
       throw new Error('The saveAction is undefined.'); 
      } 
      const insuranceApplication = this.get('model'); 
      if (this.isLastDependent(this.get('dependentIndex'), insuranceApplication.get('dependents.length'))) { 
       return this.get('nextAction')(); 
      } 
      return this.get('saveAction')().then(() => { 
       this.set('dependent', this.getNextDependent(insuranceApplication.get('dependents'))); 
      }); 
     } 

Answer 1

您可以使用路由模板處理錯誤狀態。 https://guides.emberjs.com/v2.14.0/routing/loading-and-error-substates/#toc_code-error-code-substates。

但是，對於組件，您需要捕獲錯誤並將其分配給組件的屬性。

一個簡單的例子可能接近你已經有的。

// component.js 
if (isEmpty(this.get('nextAction'))) { 
    this.set('error', 'The nextAction is undefined.'); 
} 

// compontent.hbs 
{{#if error}} 
    Error: {{error}} 
{{/if}}