Sie haben soeben einen weiteren Anwendungsbereich Variable mit leeren Array-Typ nehmen müssen und den Wert auf die Schaltfläche klicken drücken. Hier habe ich nur eine Texteingabe und einen Knopf als Referenz genommen. Aber Sie können das gleiche auf Ihre Weise verwenden. Unten ist der Code Beispiel:
HTML:
<head>
<link rel="stylesheet" href="style.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular.min.js"></script>
<script src="script.js"></script>
</head>
<body>
<div ng-app="sampleApp">
<div ng-controller="myController">
<input ng-model="newItem" type="text" />
<button ng-click="add(newItem)">Add</button>
<div ng-repeat="arr in child">
{{arr}}
</div>
<div ng-repeat="arr in tempchild track by $index">
{{arr}}
</div>
</div>
</div>
</body>
</html>
JS:
(function(angular){
var module = angular.module("sampleApp",[])
.controller("myController", ["$scope", function($scope){
$scope.child = ['A', 'B' , 'C', 'D'];
$scope.tempchild = [];
$scope.add = function(item) {
$scope.tempchild.push(item);
};
}]);
})(window.angular);
Wie Sie oben Code sehen in können, müssen Sie eine andere ng- nehmen Wiederhole, was mit der neuen $ scope-Variable iteriert.
Voll Beispiel kann Here
Ich verstehe nicht, Ihre finden question.sorry.can Sie es refrase? – Serhiy
Sie haben eine durchsuchbare Komponente und möchten etwas an die UI-Komponente anhängen, ohne das übergeordnete Dataset zu ändern. Recht? Wenn ja, erstellen Sie eine Variable, die mit UI anstelle von Daten verknüpft ist. also nehme 'var dataset = [...] an; var extraOptions = [...]; var uiDataset = dataset.concat (extraOptions) 'und binden Sie diese Variable an' ng-repeat' – Rajesh
Sie können eine Schaltfläche hinzufügen und beim Klicken auf make new entry – Codesingh