动态添加向导步骤

Question

我正在从（ https://github.com/mgonto/angular-wizard/ ）使用Angular-Wizard 。 效果很好。 尽管现在，在我的下一个案例中，我需要动态添加步骤或向导。 基本上，我有一个从数据库中获取的JSON数据，基于此，我想创建具有多个步骤的向导。 完成这些步骤后，我需要做一些数学运算，并且可能需要创建更多的步骤，或者需要其他任何可行的向导。

问题是：

1. 这是我的第一个有关angularJs的项目。
2. 我仍然不知道如何编写大量此类代码。 虽然我以前可以在几个位置使用它向导。

因此，我无法修改此向导或无法逐步使用它。 我尝试一些事情，例如

1. 尝试使用向导控制器的addstep函数，但未获得期望的object类型。
2. 我尝试通过Javascript字符串和Controller函数添加完整的向导HTML，然后使用ng-bind-html函数将其绑定在页面上。 虽然它给出了错误，所以没有用。

这是我的自定义Controller类

angular.module('ClientScoring', ['mgo-angular-wizard'])
.controller('ScoringController', function ($scope, WizardHandler) {
   $scope.errormessage = "";
   $scope.isLoaded = false;
   $scope.Load = function () {
       if ($scope.isLoaded == false) {
           $scope.isLoaded = true;
           console.log(" Loading ...");
       }
   };
   $scope.getQuestion = function () {
       $scope.Load();
       console.log(" Loading done?");
       if ($scope.isLoaded == true) {

           var HTML = 
                '<wz-step title="1">' +
                '<div class="question">Please choose one:</div>'+
                '<div class="answer"></div>'+
                '<input type="button" value="Skip &raquo;" wz-next />'+
                '<input type="button" value="Submit" class="mainbutton" /></wz-step>';
           WizardHandler.addStep(HTML);
           return "";
       } else {
           return "Fail to load questions";
       }
   };
});

确实，这是我目前拥有的版本之一。 任何建议表示赞赏。 谢谢。

Answer 1

这对我有用 ： 从数据库编译动态HTML字符串

基本上，我创建了一个指令，该指令绑定到一个变量，该变量动态地编译我的向导代码，然后附加到页面。