角色引导数据在脚本标记中指向控制器

Question

我想将视图模板中的数据集引导到指定的角度控制器。以前我只是将数据分配给全局变量，控制器可以通过这种方式访问​​它。但我不喜欢这样！我宁愿把它注入控制器，就像解决问题一样。在角度路由上将已解析的数据注入到被调用的控制器中。

一个例子：

这是我从服务器（test.html）检索的模板

<script id="userData" type="application/json">
    {userId:1,username:'umair'}
</script>

<div>Hello <span ng-bind="data.username"></span>!</div>

路线（州）

.state('state', {
     url: "/test",
     templateUrl: "test.html",
     controller: "testCtrl"
})

控制器

controller("testCtrl", ["$scope", "userData", function($scope, userData){
     $scope.data = userData;
}])

注意json脚本块中的数据是如何注入控制器的。很像

.state('state', {
     url: "/test",
     templateUrl: "test.html",
     controller: "testCtrl",
     resolve: {
         userData: [function() { ... }]
     }
})

将userData注入控制器。

现在显然我只能在加载视图后才能这样做，在这种情况下我可能需要监听一个事件。但不太确定如何实现这个！