在angularjs指令

Question

我正在尝试在我的指令中添加$ watch。该指令用于创建向导，当我读取现有数组并使用ng-repeat in指令时，它按预期工作但如果我更新我的数组，则数组中新添加的项目不会添加到指令中以创建向导。

请参阅This plunker以了解相关问题。在这个plunker script.js有数据数据，我将在点击按钮时更新，并在html页面上的向导指令下以ng-repeat读回。

指令是

  directive('wizard', function($timeout, $compile) { 
      var opts = {
                headerTag: "h3",
                bodyTag: "section",
                transitionEffect: "slideLeft",
                autoFocus: true,
                enableAllSteps: true,
                enableKeyNavigation: false,
                enableCancelButton: true,
                enableFinishButton: true,
                showFinishButtonAlways: false
              };


              return {
                restrict: 'E', 
                replace: true,
                template: '<div class="mywizard"></div>', 
                compile: function (tEl) {
                  return function(scope, element, attrs, ngModel) {
                    var stepsEl;
                    element.wrapInner('<div class="steps-wrapper">');
                    element.children('.steps-wrapper').append(tEl.context.innerHTML);
                    var content = $compile(element.contents())(scope);
                    $timeout(function () {
                      element.children('.steps-wrapper').steps(opts);
                    })
                  }
                }

              };
            });

请分享我应该在何处应用手表。