AEM - コンポーネントの編集オプションが表示されません

Question

ここにはHTLファイルfooter.htmlで記述したコードがあります。ここでは編集可能なテンプレートを使用しています。

<div class="6u"> 
          <div class="row collapse-at-2"> 
          <sly data-sly-test="${footer.arr}"> 
           <sly data-sly-repeat="${footer.arr}"> 
           <sly data-sly-resource="${'column${itemList.index}' @resourceType='aem-site/components/structure/footer/footerList'}"></sly> 
           </sly> 
          </sly> 
          </div> 
         </div> 

とfooterList.htmlファイルは、コードのこの部分を持っている（それは今のハードコードされているが、それは最終的なコードではありません）

​​

私は、コンポーネントを編集するといくつかの奇妙な問題に直面してきました。これは、コンポーネントがページのように見える方法である：

IはfooterList成分はfooter.htmlに$ {footer.arr}の値から1列それぞれを含む2つの別個の構成要素として表示されるように期待していましたそれは2つの列を含む1つのコンポーネントのように見えます。コンポーネントは

CRXDE

にどのように見えるかにあります

：

私が直面していますもう一つの問題は、下の画像のように、私はコンポーネントを編集するためのオプションを取得しておりませんということです

詳細情報が必要な場合は教えてください。

Answer 1

footerListコンポーネントは、コンテナコンポーネントを介して編集可能にする必要があります。最上位コンテナ（この場合はレスポンスグリッド）に直接含めるか、footerコンポーネントをコンテナにするか（を参照）