AngularJs - 표의 동적 행

Question

두 개의 표, 표 1 및 표 2가 있습니다. 표 1에 필드 수가 있습니다. 카운트 값 (카운트 값 = 채워진 행 수 없음)을 기반으로 행이 표 2에 자동으로 채워 져야합니다. 나는 angularjs를 처음 사용합니다. 제게 접근 할 수있는 방법을 알려주세요

Answer 1

테이블에 값을 렌더링하려면 ng-repeat 지시문을 사용할 수 있습니다.

Answer 2

ngIf, ngShow 및 ngHide 지시문을 사용하여 표현식을 기반으로 DOM 객체를 숨기거나 표시하거나 ngRepeat를 사용하여 컨트롤러의 늘어나거나 줄어든 배열을 기반으로 DOM 객체를 동적으로 추가 할 수 있습니다.

내 생각 엔 당신이 시정 지시를 찾고, 그래서 내가 생각하는 데 도움이 될 다음 소스로 컨트롤러에서 해당 배열을 사용하여 두 테이블 모두가 ngRepeat 가득되는

가

<table id="table1"> 
    <tr data-ng-repeat="row in table1"> 
     <td>{{row.someData}}</td> 
    </tr> 
</table> 

<table id="table2" data-ng-show="table1.length == 0"> 
    <tr data-ng-repeat="row in table2"> 
     <td>{{row.someData}}</td> 
    </tr> 
</table> 

주 . 두 번째 테이블에서 ngShow 지시문을 볼 수 있습니다. "table1이 비어 있으면 나를 보여주십시오"라는 표현이 있습니다.

이 정보가 도움이되기를 바랍니다.