AngularJS來自多個組件的驗證

我正在開發一個小的AngularJS（1.6）應用程序，試圖使用基於組件的體系結構。AngularJS來自多個組件的驗證

在我HomePageComponent，我有三個不同的子組分A，B和C，其中所有的包含不同的內容，諸如輸入字段，datepickers和列表。如果我的任何子組件中的驗證失敗，則應該無法導航到下一頁（狀態）。因此應該禁用「按鈕A」 - 例如。組件A中的名稱輸入字段未設置。

但是，我似乎無法找到一個合理的解決方案/模式，如何在使用組件時實現此功能。

有沒有人有適當的解決方案呢？在此先感謝

來源

2017-06-27 Mortenkp25

在HomePageComponent如果添加了''

您可以考慮使用wizard如angular-wizard。從GitHub的頁面：

<wizard on-finish="finishedWizard()" on-cancel="cancelledWizard()"> 
    <wz-step wz-title="Starting"> 
     <h1>This is the first step</h1> 
     <p>Here you can use whatever you want. You can use other directives, binding, etc.</p> 
     <input type="submit" wz-next value="Continue" /> 
    </wz-step> 
    <wz-step wz-title="Continuing"> 
     <h1>Continuing</h1> 
     <p>You have continued here!</p> 
     <input type="submit" wz-next value="Go on" /> 
    </wz-step> 
    <wz-step wz-title="More steps"> 
     <p>Even more steps!!</p> 
     <input type="submit" wz-next value="Finish now" /> 
    </wz-step> 
</wizard>

來源

2017-06-27 15:34:51 Woot4Moo

謝謝 - 我會注意到它。 – Mortenkp25

AngularJS來自多個組件的驗證

回答

相關問題