javascript - AngularJS - 根据另一个 Controller 的 ng-repeat 将信息动态插入到 Controller 中

Question

我创建了一个非常简单的示例，以便更容易理解。

这里我有 ng-repeat 调用模板。该模板有自己的 Controller 。但是，模板的 Controller 需要在每次 ng-repeat 中从服务注入(inject)一些数据。在这个演示中，它必须是问题的答案。我怎样才能实现这一目标？

  <div ng-repeat="fighter in fighters">
    <div ng-if="fighter.state">
      {{fighter.question}}
      <div ng-include="'template.html'" ng-controller="Controller2"></div>
    </div>
    <br>
    <br>
  </div>

如果您想查看整个演示的工作原理，请检查此插件:

DEMO PLUNKER

Answer 1

在您的template.html中创建一个ng-init函数并传递obj

<div ng-controller="Controller2" ng-init="getAnwser(fighter)">
  <div>
    <!-- Inserir pergunta que vem da base de dados aqui-->
    <input type="text" ng-model="answer"  />
  </div>
  <div>
    <button ng-click="checkAnswer()">
      ANSWER
    </button>
    <div ng-show="showAnswer">Correct</div>
  </div>

</div>

在controller2中实现该功能

$scope.getAnwser = function(obj){
  console.log(obj.answer)
}

Demo