javascript - 从 ng-repeat 访问数据

Question

我想使用 NetBanking 应用程序的模板。因此，我构建了一个基本服务，以在我的 service.js 中获取填充一些名称和 IBAN(银行交易的唯一 key )的对象:

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

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

  return {
    getTemplates:getTemplates,
  };


})

Controller 通过 .getTemplates() 语句将此数据保存在变量中，模板 View 使用 ng-repeat 访问提到的变量。模板.hmtl:

<div class="list" ng-model="chosentemplate">
<a

      class="item item-thumbnail-left"
      ng-repeat="template in Templatelist">
    <img src="img/{{template.img}}.jpg">

    <h2><b>{{template.name}}</b></h2>
    <button 
            style="float: right;"
            class="button button-positive pull-right"
            ng-click="onTemplateClick(chosentemplate.iban)"
            ui-sref="tab.transactions">Vorlage auswählen</button>
    <p ><b>IBAN</b> {{template.iban}}</p>
</a>

现在，我想将所选对象保存在服务中，以便稍后在将其填写到交易表单中时使用它。当单击按钮时，我正在努力从 ng-repeat 访问使用的数据。几周前，我做了一些非常类似的事情，但只是该对象的一个​​子元素。我可以使用与 selectedtemplate.name 等效的方式访问它。

如果有任何建议，我将非常感激!

Answer 1

您正在使用模板变量迭代模板列表。因此，只需使用:

 ng-click="onTemplateClick(template.iban)"