如何使用angularjs動態添加內容

Question

我的頁面上有兩列。

左欄有添加按鈕列表，右欄是空的。

我想添加追加內容到右側基於按鈕點擊（左側按鈕）。

在附加到DOM之前，必須使用Angular（使用角度綁定）呈現這些內容。

我搜索了很多，但沒有得到滿意的信息。

我是AngularJS的新用戶。

實施例：

含量是

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

我想在右側的列（其最初具有空表）添加上述TR。

Answer 1

我建議你使用ng-view和route來實現這一點。

這裏是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 !' ; 
}