Angularjs 带按钮的Ng模型

早上好，我做了一个循环来捕捉数组中的“name”，每个“name”都有包含信息的变量。我需要的ng-模型收到的“名称”值时，我点击“按钮”，哦，是的，我可以在这个“名称”循环

div class=“列表组”ng repeat=“列表中的rep.report”>
{{rep.name}

ng型号无法使用按钮使用ng单击：

<div class="list-group" ng-repeat="rep in list.report">
   <button type="button" class="list-group-item" ng-click="ctrl.x = rep.name">
   {{rep.name}}
    </button>
</div>

{{rep.name}

如果我正确理解了你的问题，这就是你要找的吗

棱角的

function Controller() {
  var vm = this;
  vm.rep = null;
  vm.reps = [{
    name: 'Jimmy Page',
    band: 'Led Zeppelin'
  }, {
    name: 'Ozzy Osbourne',
    band: 'Black Sabbath'
  }, {
    name: 'Trent Reznor',
    band: 'NIN'
  }];
  vm.getRep = getRep;

  function getRep(rep) {
    vm.rep = rep;
  }
}

HTML

{{rep.name}


代表
{{ctrl.rep.name}-{ctrl.rep.band}

但我已经在使用ng-单击它查看输入，如果它单击按钮{{rep.name}，您可以有多个语句，我认为：ng click=“ctrl.x=rep.name；showDetails=！showDetails”。否则，在控制器中创建一个函数，并在函数中执行所需的操作。谢谢，我会这样做。我在变量reps中对控制器进行了更改[Hmm，你不希望报告成为一个对象吗？我无法理解

function Controller() {
  var vm = this;
  vm.rep = null;
  vm.reps = [{
    name: 'Jimmy Page',
    band: 'Led Zeppelin'
  }, {
    name: 'Ozzy Osbourne',
    band: 'Black Sabbath'
  }, {
    name: 'Trent Reznor',
    band: 'NIN'
  }];
  vm.getRep = getRep;

  function getRep(rep) {
    vm.rep = rep;
  }
}

<button ng-repeat="rep in ctrl.reps" ng-click="ctrl.getRep(rep)">{{rep.name}}</button>
<br>
<div ng-if="ctrl.rep">
  <h4>
     Rep
     </h4> {{ctrl.rep.name}} - {{ctrl.rep.band}}
</div>