1

我有一个手风琴（角度引导），它有 3 个组。在第二组中，有一个验证良好的表单（必填字段和电子邮件字段）。

在第三组中，有一个从表单数据构建的摘要。或者，当表单上的某些内容无效时，必须有额外的错误消息。

由于指令结构，每个手风琴组都有自己的隔离范围。如何在不同的手风琴组之间（甚至在手风琴之外）共享 form.$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>
4

1 回答 1

1

解决方案是在控制器中定义一个新对象，例如

$scope.formObj={}

然后，在该元素中命名您的表单：

name="formObj.frmOffer">

当然，您必须在任何地方使用该对象..

<div ng-show="formObj.frmOffer.$valid"></div>
于 2015-09-16T23:14:14.657 回答