0

我想要完成的是在我的应用程序中有两个不同的模板：一个是通过 ng-repeat 生成的，如下所示：

<div ng-repeat="data in tree" ng-include="'templates/question.html'"></div>

另一个是这样生成的：

<div ng-include="'templates/question_editor.html'"></div>

所以基本上问题模板将由用户在按钮单击时生成，它还可以使用 ng-repeat 将一个问题嵌套在另一个问题中。

我想要完成的是，每当我单击其中一个问题 div（我的问题模板基本上是一个 div 结构）时，我想要该 div 内的信息（如果有）（可能是具有独特信息的几个字段每个问题），将填充到我的 question_editor 模板中的某些字段中，并且当我更新 question_editor 模板字段时，它将实时更新单击的问题中的字段。

我在想的是使用一个控制器并以某种方式将变量从问题传递到 question_editor 并填充 question_editor 的字段。为每个模板使用不同的控制器，然后在不同的控制器之间传递信息会更好吗？

jsFiddle 只是向您展示我的 div 的结构：http: //jsfiddle.net/cwrEn/1/

4

1 回答 1

0

你能检查一下我从你那里编辑的这个小提琴，让我知道它是否是你想要的！

    angular.module("myApp", []).controller("MainController", ['$scope', function($scope) {
    $scope.currentQuestion = null;
    $scope.questions = [
        {
            name: 'question 1',
            fields:['option 1', 'option 2']
        },
        {
            name: 'question 2',
            fields:['option 3', 'option 4', 'option 5']
        },
    ];

    $scope.setCurrentquestion = function(question){
        $scope.currentQuestion = question;
    }
}]);
于 2015-09-14T04:32:02.307 回答