2

スライドの効果のためにカルーセルを使用していますが、スライドごとにフォームを挿入したいのですが、ngForm を挿入した後、$scope にはその ngForm のインスタンスがありません。ngForm をカルーセルの外に配置すると、インスタンスが $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>

正しく動作します...何かアイデアはありますか?

プランカーをチェックアウト: http://plnkr.co/edit/XR03h5akcu3IWXJwu7KW

アコーディオンでも起こっています！

4

1 に答える 1

2

誰かが興味を持っている場合は、FormCarousel/FormSlide と呼ばれる Carousel/Slide の自家製のクローン/変更を作成しました。

コードと実際の例を含むプランカーを次に示します。

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

于 2013-08-21T18:48:18.460 に答える