複数の角度スクリプトをネストすることは可能ですか？

Question

私は2つのスクリプトを入れ子にしようとしていますが、2番目のスクリプトは開いている2番目のスクリプトではなく、最初のスクリプトを閉じます。

私はフロントエンドでAngularJSを使用しています。次のように

構造は次のとおりです。

    <list-form acordeon="true" label="admin.libro.form.libroEdiciones" list="ctrl.item.ediciones" 
           resolve="{openPaisModal: ctrl.openPaisModal, 
             openCiudadModal: ctrl.openCiudadModal, ciudadService: ctrl.ciudadService, 
             paisService: ctrl.paisService}" 
           required="true" 
           template-url="libro.edicion.html"> 
        </list-form> 

        <script type="text/ng-template" id="edicion.agente.html"> 
         <uib-accordion close-others="oneAtATime" class="col-sm-12"> 
          <div uib-accordion-group class="panel-default" is-open="element.desplegado" 
           heading="{{element.id ? element.nombre : 'admin.traduccion.form.nuevoAgente' | translate}}"> 

           <div class="row"> 

            <div class="col-sm-10 col-sm-offset-1"> 
             <div class="form-group"> 
              <label-form key="admin.libro.form.nombre" for="nombre" required="true"></label-form> 
              <input class="form-control" id="nombre" ng-model="ctrl.item.nombre" required> 
             </div> 
            </div> 

           </div> 

           <div class="row"> 

            <!-- Inside this row I'm trying to create another list-form and its script -->* 

           </div> 

          </div> 
         </uib-accordion> 
        </script> 

はそれをする方法はありますか？

---

EDIT 1

私は非同期的にスクリプトをロードしようとしていませんよ。私のソリューションにコードを追加しました。

Answer 1

：

     <list-form acordeon="true" label="admin.libro.form.libroEdiciones" list="ctrl.item.ediciones" 
            resolve="{openPaisModal: ctrl.openPaisModal, 
              openCiudadModal: ctrl.openCiudadModal, ciudadService: ctrl.ciudadService, 
              paisService: ctrl.paisService}" 
            required="true" 
            template-url="libro.edicion.html"> 
         </list-form> 

         <script type="text/ng-template" id="edicion.agente.html"> 
          <uib-accordion close-others="oneAtATime" class="col-sm-12"> 
           <div uib-accordion-group class="panel-default" is-open="element.desplegado" 
            heading="{{element.id ? element.nombre : 'admin.traduccion.form.nuevoAgente' | translate}}"> 

            <div class="row"> 

             <div class="col-sm-10 col-sm-offset-1"> 
              <div class="form-group"> 
               <label-form key="admin.libro.form.nombre" for="nombre" required="true"></label-form> 
               <input class="form-control" id="nombre" ng-model="ctrl.item.nombre" required> 
              </div> 
             </div> 

            </div> 

            <div class="row"> 

             <!-- Inside this row I was trying to create another list-form and its script -->* 

            </div> 

           </div> 
          </uib-accordion> 
         </script> 

ソリューションは、前のものと同じ高さに行やスクリプト内でリストフォームを作成することでした。

リストフォームからtemplate-urlを呼び出すだけです。

ありがとうございました。

Answer 2

いいえ、できません。

あなたは次のように、単一のファイルとして2つのスクリプトをマージすることができます：しかし、あなたは、あなただけの最初のスクリプトファイルを呼び出し、2番目のスクリプトファイルからと、最初のスクリプトファイルの内部コードを過ぎコードをコピーすることができます。私はそれをやろうとした