javascript - 如何使用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 !' ;
}