Javascript 单独控制器内的双向绑定不使用angular wizard

我正在尝试将这个很酷的向导控制器合并到我的项目中：

不幸的是，我无法在

属性之外获得双向绑定：

有两个控制器；向导Ctrl和TextCtrl。WizardCtrl在

标记处定义，TextCtrl在第一个

处声明。下面是使向导工作的头部代码：

var app = angular.module('wizard-sample', ['mgo-angular-wizard']);

app.controller('WizardCtrl', function($scope, WizardHandler) {
  $scope.finished = function() {
    alert("Wizard finished :)");
  }

  $scope.logStep = function() {
    console.log("Step continued");
  }

  $scope.goBack = function() {
    WizardHandler.wizard().goTo(0);
  }
});

app.controller('TextCtrl', function($scope) {});

有人知道这里出了什么问题吗？以下是我的最新代码，如有任何帮助，将不胜感激：

---

您的脚本几乎不需要更改， 你必须这样做：

 app.controller('MainCtrl', function($scope, WizardHandler) {
        $scope.data = {};
      });

<input type="text" ng-model="data.dynamicText" placeholder="Write Something" />

 <p>{{data.dynamicText}}</p>

app.controller（'MainCtrl'，函数（$scope，WizardHandler）{
$scope.data={}；
});
{{data.dynamicText}

现场样品：