将对象添加到服务中的数组

debugcn 发表于 Dev

托马斯·格贝茨伯格

我尝试使用 getTemplates 函数将一个对象添加到我的数组 saveTemplates 中的服务中。我为此使用了一项服务，以便在多个视图中访问模板。不幸的是，如果我尝试调用我的函数，则什么也不会发生。

服务.js：

    .factory('templateData', function(){
  var savedTemplates = [
      {"name":"Adam Müller", "iban":"AT29100020003000","image":"adam.jpg"},
      {"name":"Ben Streicher","iban":"AT34900080007000","image":"ben.png"},
      {"name":"Max Krossmann","iban":"AT23400050006000","image":"max.png"}
  ];

  var getTemplates = function(){
    return savedTemplates;

  };

  var addTemplates = function(insertName,insertIban){
    savedTemplates.push=({"name": insertName, "iban": insertIban, "image": 'mike.png'});
    alert("This is savedTemplates:" + savedTemplates);
  };
  return {
    getTemplates:getTemplates,
    addTemplates:addTemplates
  };
})

模板-save.html：

<button  class="button button-large button-positive" ng-click="addTemplates(newreceiver,newiban)" ui-sref="tab.templates">
  Speichern
</button>

我会很感激任何帮助，因为我已经很绝望了。

斯蒂芬妮·贾尼科

这是一个示例片段。

您的工厂addTemplates代码也有问题，您应该使用savedTemplates.push ({ ... }]，而不是savedTemplates.push = ({ ... }]

片段

angular.module('app', []);

angular.
module('app')
  .controller('ExampleController', ['$scope', 'templateData', function($scope, templateData) {
    $scope.addTemplates = templateData.addTemplates;
  }])
  .factory('templateData', function() {
    var savedTemplates = [{
        "name": "Adam Müller",
        "iban": "AT29100020003000",
        "image": "adam.jpg"
      },
      {
        "name": "Ben Streicher",
        "iban": "AT34900080007000",
        "image": "ben.png"
      },
      {
        "name": "Max Krossmann",
        "iban": "AT23400050006000",
        "image": "max.png"
      }
    ];

    var getTemplates = function() {
      return savedTemplates;
    };

    var addTemplates = function(insertName, insertIban) {
      savedTemplates.push ({
        "name": insertName,
        "iban": insertIban,
        "image": 'mike.png'
      });
      console.log("This is savedTemplates:" + JSON.stringify(savedTemplates, null, 2));
    };
    return {
      getTemplates: getTemplates,
      addTemplates: addTemplates
    };
  });

<!doctype html>

<html lang="en" ng-app="app">

<head>
  <meta charset="utf-8">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.4/angular.min.js"></script>
  <script src="script.js"></script>
</head>

<body ng-controller="ExampleController">
  <button ng-click="addTemplates('Marty McFly', 'BTTF900080007000')">
  Speichern
</button>
</body>

</html>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。