Angular ng-container에 대한 AngularJS 등가물

Angular ng-container에 대한 AngularJS 등가물

여기 Angular가 있나요?각도 ng 컨테이너에 대한 JS 등가?

아니면 내가 직접 트랜슬루드 지시로 무언가를 만들어야 할까?

---

사용 예:

1. 셀의 인터레이스 페어, 트리플 등이 있는 표:

   <table><tr>
     <ng-container ng-repeat="item in items">
       <td>{{ item.a }}</td>
       <td>{{ item.b }}</td>
     </ng-container>
   </tr></table>
   

   DOM 트리에는 추가 레벨이 존재하지 않습니다.<td>는 의 직계 자녀여야 합니다.<tr>요소.

2. HTML 목록에도 비슷한 문제가 있습니다.특히 정의 목록에는 다음과 같은 문제가 있습니다.<dt>/<dd>요소는 직계 자녀여야 한다<dl>보통 쌍으로 존재하지만요

3. 데이터 테이블과 같은 배열로display:grid:

   <div style="display: grid; grid-template-columns: auto auto">
       <ng-container ng-repeat="item in items">
           <div>{{ item.a }}</div>
           <div>{{ item.b }}</div>
       </ng-container>
   </div>
   

   이 경우는 DOM 트리에 존재하는 컨테이너 요소로 인해 레이아웃 전체가 파손되어 하위 항목이 아닌 셀로 렌더링되기 때문에 더욱 문제가 됩니다.

말씀하신 경우, 다음을 사용할 수 있습니다.ng-repeat-start그리고.ng-repeat-end각 쌍:

1. 셀의 인터레이스 페어, 트리플 등이 있는 표:

   <table><tr>
     <td ng-repeat-start="item in items">{{ item.a }}</td>
     <td ng-repeat-end>{{ item.b }}</td>
   </tr></table>
   

2. HTML 목록:

   <dl>
     <dt ng-repeat-start="item in items">{{ item.term }}</dt>
     <dd ng-repeat-end>{{ item.definition }}</dd>
   </dl>
   

3. 표와 같은 데이터 배열 표시: 그리드:

   <div style="display: grid; grid-template-columns: auto auto">
     <div ng-repeat-start="item in items">{{ item.a }}</div>
     <div>{{ item.b }}</div>
     <div ng-repeat-end>{{ item.c }}</div>
   </div>
   

이에 대한 자세한 내용은 API 레퍼런스 https://docs.angularjs.org/api/ng/directive/ngRepeat#special-repeat-start-and-end-points를 참조하십시오.

아쉽게도 앵귤러에서JSng-repeat,ng-if, 등은 마크업에 포함되는 HTML 요소에서 사용해야 합니다.정확한 사용 사례에 따라 요소 지시어를 사용하여replace: true.

양쪽에서 같은 것을 사용할 수 있습니다.Angularjs그리고.Angular-2뿐만 아니라.하지만...angular-2역할을 하는 추가 선택지가 있다

언급URL : https://stackoverflow.com/questions/49919207/angularjs-equivalent-for-angular-ng-container