Теги объект не меняется, даже если некоторые свойства изменились в этом объекте

Это пример моей первоначальной проблемы, я использую директиву ng-tags-input с тегами на основе шаблонов. Я использую объект тегов, который имеет владельца свойства логического типа, используя это свойство, я отображаю владельца рядом с отображаемым именем тега, если заменяю объект тегов объектом tag1(в котором изменены значения свойства владельца) при нажатии кнопки. Тем не менее, я не могу видеть, что изменения в поле ввода ng-tags изменяются только отображаемое имя, но не владелец. jsfiddle для того же. Не могу найти, где я делаю ошибку

<!DOCTYPE html>
<html ng-app="plunker">

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <link rel="stylesheet" href="style.css" />
    <link rel="stylesheet" href="http://mbenford.github.io/ngTagsInput/css/ng-tags-input.min.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js"></script>
    <script src="http://mbenford.github.io/ngTagsInput/js/ng-tags-input.min.js"></script>
    <script src="app.js"></script>
  </head>

  <body ng-controller="MainCtrl">
    <button ng-click="clickmy()">click</button>
    <tags-input ng-model="tags" 
                display-property="name" 
                placeholder="Add a country" 
                template="my-custom-template"
                template-scope="this">
    </tags-input>
    {{tags}}

    <script type="text/ng-template" id="my-custom-template">
      <div class="tag-template">
        <div>
          <img ng-src="{{data.flag}}" ng-if="data.flag" ng-click="$scope.click(data.name)"/>
        </div>
        <div>
          <span>{{$getDisplayText()}}</span>
            <span  ng-if="data.owner"> owner</span>
          <a class="remove-button" ng-click="$removeTag()">&#10006;</a>
        </div>
      </div>
    </script>
  </body>

</html>
 $scope.tags = [
    { "name": "Brazil",owner:false, flag: "" },
    { "name": "Italy",owner:false, flag: "" },
    { "name": "Spain",owner:true, flag: "" },
    { "name": "Germany",owner:true, flag: "" },
  ];


  $scope.tags1 = [
    { "name": "rrr",owner:false, flag: "" },
    { "name": "Italy",owner:true, flag: "" },
    { "name": "Spain",owner:false, flag: "" },
    { "name": "Germany",owner:true, flag: "" },
  ];

Код на ПЛНКР

0 ответов

Другие вопросы по тегам