手風琴內部的窗體驗證angularJS

我有一個有3組的手風琴（angular-bootstrap）。在第二組中有一個可以很好地驗證的表單（必填字段和電子郵件字段）。手風琴內部的窗體驗證angularJS

在第三組中有一個摘要，由表單數據構建。或者當表單上的某些內容無效時，必須有額外的錯誤消息。

由於指令結構，每個手風琴組都有它自己的獨立範圍。我怎樣才能在不同的手風琴組之間（甚至在手風琴之外）共享表格。$ valid（或其他屬性）。

這是我的HTML（縮短）：

<accordion close-others="true" id="checkoutsteps"> 
       <accordion-group is-open="menuStatus[0].isOpen"> 
        [...] 
       </accordion-group> 
       <accordion-group is-open="menuStatus[1].isOpen"> 
        <accordion-heading> 
         <div class="number">2</div> 
         {{bid.name}} 
        </accordion-heading> 

        <div class="step-content"> 
         <form name="frmOffer">[...]</form> 
        </div> 
       </accordion-group> 
       <accordion-group is-open="menuStatus[1].isOpen"> 
        <accordion-heading> 
         <div class="number">3</div> 
         Summary 
        </accordion-heading> 

        <div class="step-content"> 
         <div ng-show="frmOffer.$valid"></div> <-- THIS DOES NOT WORK 
        </div> 
       </accordion-group>

來源

2015-03-19 BakGat

任何想法？凹凸 – BakGat 2015-03-20 13:21:15

你有沒有解決這個問題？我與我的'手風琴標題'有相同的問題，不包括 – CaffGeek 2015-03-30 13:54:24

表格中包含的輸入直到現在，我還沒有找到任何解決方案 – BakGat 2015-04-01 00:17:02

解決方法就是在你的控制器東西來定義一個新的物體，像

$scope.formObj={}

然後，在該元素命名形式：

name="formObj.frmOffer">

當然，你將不得不在任何地方使用該對象..

<div ng-show="formObj.frmOffer.$valid"></div>

來源

2015-09-16 23:14:14

手風琴內部的窗體驗證angularJS

回答

相關問題