angularjs를 사용하여 동적으로 내용을 추가하는 방법

Question

내 페이지에는 두 개의 열이 있습니다.

왼쪽 열에는 추가 버튼 목록이 있고 오른쪽 열은 비어 있습니다.

단추 클릭 (왼쪽 단추)에 따라 오른쪽에 추가 내용을 추가하고 싶습니다.

DOM에 추가하기 전에 이러한 내용을 각도 (각도 바인딩 사용)를 사용하여 렌더링해야합니다.

많이 검색했지만 만족스런 정보가 없습니다.

저는 AngularJS을 처음 사용합니다.

예 :

내용

<tr> 
    <td> <input type="checkbox" name="name1" value={{name}}> </td> 
    <td> {{ text }} </td> 
</tr> 

내가 (처음에는 빈 테이블이) 오른쪽 열에 그럴 필요 이상 추가 할 수 있습니다.

Answer 1

이렇게하려면 ng-view 및 route를 사용하는 것이 좋습니다. 여기

는 DOM에 추가하기 전에 (각 결합하여)이 콘텐츠 각도하여 렌더링되어야 plunker

var app = angular.module('plunker', []) 
.config(['$routeProvider', function ($routeProvider) { 
    $routeProvider.when('/btnA', { templateUrl: 'btnA.html', controller: btnACtrl }) 

          .otherwise({ redirectTo: '/btnB' }); 
      }]); 

function btnACtrl($scope){ 
    $scope.text = 'Hello world !' ; 
}