1

ページに 2 つの列があります。

左の列には追加ボタンのリストがあり、右の列は空です。

ボタンクリック(左側のボタン)に基づいて右側に追加コンテンツを追加したい。

これらのコンテンツは、DOM に追加する前に、Angular を使用して (角度バインディングを使用して) レンダリングする必要があります。

いろいろ検索しましたが、納得のいく情報がありませんでした。

私はAngularJSが初めてです。

例:

内容は

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

右側の列に tr の上に追加します (最初は空のテーブルがあります)。

4

1 に答える 1

1

これを実現するには、ng-view と route を使用することをお勧めします。

プランカーはこちら

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 !' ;
}
于 2012-11-05T22:19:52.070 に答える