如何在按鈕單擊時動態添加指令

Question

但是我對angular不夠熟悉，無法在我的情況下使用此解決方案。

就我而言，我試圖在按鈕單擊后向div動態添加一個指令（基於外部html）：

        <div class="charges" id="charges">
            <my-headcharges></my-headCharges>
            <my-charges></my-charges>

        </div>

Nou可以看到我的div，其中包含我創建並放置在div硬編碼下的兩個指令。 現在，我想添加相同的指令，但是多次並單擊按鈕后。

謝謝：）

Answer 1

您可以使用ng-repeat

 var myApp = angular.module("myApp", []); myApp.controller("myController", ["$scope", function($scope) { $scope.items = [] $scope.addTimes = function() { $scope.items.push({ name : new Array(7).join().split(',').map(function(it){return String.fromCharCode(Math.floor(Math.random() * (122 - 97 + 1)) + 97)}).join("") }); }; } ]);

 <html ng-app="myApp"> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> </head> <body ng-controller="myController"> <button ng-click="addTimes()">Add</button> <div class="charges" ng-repeat="item in items"> <my-headcharges>Hello {{item.name}}</my-headCharges> <my-charges></my-charges> </div> </body> </html>

如何在按鈕單擊時動態添加指令

問題描述

1 個解決方案

解決方案1
1 已采納 2015-02-13 18:10:30

如何在按鈕單擊時動態添加指令

問題描述

1 個解決方案

解決方案1 1 已采納 2015-02-13 18:10:30

解決方案1
1 已采納 2015-02-13 18:10:30