UI Bootstrap中轮播幻灯片中的ngForm不起作用答案

【问题标题】：ngForm inside a Carousel Slide in UI Bootstrap not workingUI Bootstrap中轮播幻灯片中的ngForm不起作用
【发布时间】：2013-08-22 02:48:18
【问题描述】：

我正在使用旋转木马来实现滑动效果，但我想为每张幻灯片插入一个表单，插入 ngForm 后，$scope 没有该 ngForm 的实例。如果我将 ngForm 放在 Carousel 之外，那么实例会出现在 $scope 中。示例：

<data:carousel>
    <data:slide active="slides[0].active">
        <form name="formGI" data-ng-submit="SaveAndNext(cosvr.company)" novalidate>
            <div class="row-fluid text-center topSmallPad">
                <div class="span12">
                </div>
            </div>
        </form>
    </data:slide>
</data:carousel>

上面的代码不起作用，$scope 应该有一个实例：$scope.formGI。但是，如果像这样将表单放在轮播之外：

<form name="formGI" data-ng-submit="SaveAndNext(cosvr.company)" novalidate>
    <data:carousel>
        <data:slide active="slides[0].active">
            <div class="row-fluid text-center topSmallPad">
                <div class="span12">
                </div>
            </div>
        </data:slide>
    </data:carousel>
</form>

工作正常...有什么想法吗？

检查 Plunker：http://plnkr.co/edit/XR03h5akcu3IWXJwu7KW

手风琴也正在发生！

【问题讨论】：

标签： angular-ui-bootstrap

【解决方案1】：

如果有人感兴趣，我做了一个 Carousel/Slide 的自制克隆/修改，称为 FormCarousel/FormSlide。

这是带有代码和工作示例的 plunker：

http://plnkr.co/edit/JReSqUJQrTx3zQKROtww

检查浏览器的控制台以查看对象。

随意修改它，如果你愿意，让它更友好......但是，请分享它。

结构必须是：

<form-carousel>
    <form-slide active="forms[0].active" form_object="forms[0].form" form_name="frmMain">
        <form name="frmMain"></form>
    </form-slide>
</form-carousel>

所以对我来说工作得很好......希望可以帮助其他人。

【讨论】：