ボタンonclickは複数回のクリックで部分ビューを複数回レンダリングします

Question

私のウェブサイトにはセクション名「carosel」があります。メインビューでは、ボタンをクリックしてビューに 'carosel'セクションを追加できます。クリック時間が 'carosel'セクションのnoと等しい場合。このセクションには制限はなく、ユーザーはメインビューに多くの 'carosel'セクションを追加できます。

部分図

<style> 

    .middle-section{ 
    height: 500px; 
    width: 100%; 
    } 
    .middle-section-area{ 
    position: absolute; 
    left: 260px; 
    top: 175px; 
    width: 1000px; 
    height: 300px; 
    background-color: #aaaaaa; 
    border: 2px hidden; 
    padding: 10px; 
    } 
    .middle-section-name{ 
    position: absolute; 
    left: 660px; 
    top: 100px; 
    width: 200px; 
    height: 40px; 
    background-color: #aaaaaa; 
    border: 2px hidden; 
    padding: 10px; 
    } 

    .middle-section-edit{ 
    position: absolute; 
    left:860px; 
    top:85px; 
    } 

    .middle-section-edit img{ 
    width: 20px; 
    margin: 5px; 

    } 
</style> 


<div class="middle-section"> 
    <div class="col-lg-12"> 
    <div class="container-fluid"> 
     <div class="middle-section-name"> 
     </div> 

     <div class="middle-section-edit"> 
     <%= image_tag 'settings-logo.png'%> 
     </div> 

     <div class="middle-section-area" > 
     <p>carosel</p> 
     </div> 

    </div> 
    </div> 

</div> 

私はonclickので、この部分図を何度もレンダリングしようとするでしょう。任意のアイデアや回答をお答えください。

Answer 1

私はそれを行うでしょう、レールのネストされた属性は動的にフィールドの概念を追加します。それが重要なアイデアです。 check this it'd helpful