Question

我正在使用Carousel来实现滑动效果，但我想在每个幻灯片中插入一个表单。插入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。但是，如果把表格放在Carousel之外，就像这样：

<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

并且也在“手风琴”中发生！

Answer 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>

因此，我的工作非常美好......希望可以帮助别人。

_E

UI Bootstrap中的旋转木马幻灯片中的ngForm无法正常工作

1 个答案: