2017-09-16 59 views
0

我创建了一个非常简单的示例,以便更容易理解。AngularJS - 根据来自另一个控制器的ng-repeat重新插入信息到控制器中

这里我有ng-repeat调用模板。这个模板有它自己的控制器。 但是,模板的控制器需要在每个ng-repeat中注入一些来自服务的数据。在这个演示中,它必须是问题的答案。 我该如何做到这一点?

<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> 

如果你想看到整个演示的工作,检查了这plunker:

DEMO PLUNKER

回答

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> 

in controller2 implements the功能

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

Demo

+0

https://plnkr.co/edit/xHgFWPyJ5wWlGWMlUVGK?p=preview 检查这个plunker。是否有可能将其穿在同一控制器上的功能之外? –

相关问题