【问题标题】:Access Data from ng-repeat从 ng-repeat 访问数据
【发布时间】:2017-10-11 22:17:14
【问题描述】:

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

    .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,
  };


})

控制器通过 .getTemplates() 语句将这些数据保存在变量中,模板视图使用 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 等效的方式访问它。

如果有任何建议,我将不胜感激!

【问题讨论】:

    标签: javascript angularjs ionic-framework angularjs-ng-repeat


    【解决方案1】:

    您正在使用模板变量迭代模板列表。 所以,只需使用:

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

    【讨论】:

    • 我试过了,并在我的服务中编写了一个名为 onTemplateClick(item) 的函数,该函数内有一个 console.log。不幸的是,当我单击其中一个按钮时,我从未收到答案。也许还有更大的错误?
    猜你喜欢
    • 1970-01-01
    • 2013-01-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-03-16
    • 2016-11-28
    • 1970-01-01
    相关资源
    最近更新 更多