Angularjsが配列をスコープにプッシュ

Question

配列をスコープにプッシュし、その後に配列を空にする問題があります。

ng-click="addInput()ファンクションを起動して、別の配列meta_keys:$scope.tagsを含む$scope.info.sites = [];の配列に新しいフォームを追加します。

ng-click="addInput()を再度クリックすると、フォームが生成されますが、すでにデータが入力されています。すべてのmeta_keys：$ scope.tagsの同じ値を意味します。私は新しいものを生成する前に配列を空にする必要があると思う。 または私は間違った方法です。手伝ってくれてありがとう。

codepen.io

HTML

<div ng-app="myApp" ng-controller="myCtrl"> 
    {{name}} 

<form> 
<div class="form-group"> 
    <label for="txtDevice" class="control-label">Domain Name:</label> 
    <input type="text" class="form-control" ng-model="info.name" id="txtDevice"> 
</div> 
<div class="form-group"> 
    <label for="txtIP" class="control-label">IP Address:</label> 
    <input type="text" class="form-control" ng-model="info.ip" id="txtIP"> 
</div> 
<div class="form-group"> 
    <label for="txtUsername" class="control-label">Logo:</label> 
    <input type="text" class="form-control" ng-model="info.logo" id="txtLogo"> 
    </div> 

<div class="form-group" ng-repeat="site in info.sites track by $index"> 
    <h4>Seite {{$index+1}}</h4> 
<label type="txt" class="control-label">Title</label> 
<input type="txt" class="form-control" ng-model="site.site_title" /><br /> 
<label type="txt" class="control-label">Desc</label> 
<input type="text" class="form-control" ng-model="site.meta_desc"><br /> 
<label type="txt" class="control-label">Meta Keys</label> 
<!-- <input type="text" class="form-control" ng-model="site.meta_keys"> --> 
<tags-input ng-model="tags" ></tags-input> 
</div> 

</form> 
    <button ng-click="addInput()">+add more inputs</button> 
{{info | json}} 
    <hr> 


    tags = {{tags | json}} 

</div> 

script.js

angular.module('myApp', ['ngTagsInput']) 
    .controller('myCtrl', function($scope, $http){ 
     $scope.name ="myName" ; 
     $scope.info = {}; 
     $scope.info.sites = []; 
     $scope.tags = []; 


     $scope.addInput = function() { 
     //$scope.tags = []; 
     $scope.info.sites.push({ 
          site_title:'', 
          meta_desc:'', 
          meta_keys:$scope.tags}) 

} 
     // $scope.info.sites.meta_keys = []; 

}); 

Answer 1

ジャストラインを交換

私は願っています

<tags-input ng-model="site.tags" ></tags-input> 

と

<tags-input ng-model="tags" ></tags-input> 

、それが役立ちます:)