手风琴内部的窗体验证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

回答

相关问题