AngularJs ui-view无法从控制器获取数据

Question

我的AngularJs ui视图没有从它的控制器接收任何数据。这是代码

                .state('website-pages.home', {
                    url: '/home',
                    templateUrl: 'website/home.html',
                    controller: ['$scope', function($scope){
                        $scope.data="temp data"
                    }]
                })

网站/ home.html是

  <h3>{{data}}</h3>

但是不要在数据中显示值。

Answer 1

您的代码控制器参数格式错误。我没有看到数组是接受的控制器参数类型in here。它应该是函数或字符串名称。

此代码应该有效：

.state('website-pages.home', {
    url: '/home',
    templateUrl: 'website/home.html',
    controller: function($scope){
        $scope.data="temp data"
    }
})

Answer 2

尝试使用定义控制器的语法：

ui-router docs

.state('state2.list', {
    url: "/list",
    templateUrl: "partials/state2.list.html",
    controller: function($scope) {
        $scope.things = ["A", "Set", "Of", "Things"];
    }
});