javascript - 尝试在 AngularJS 的 Controller 之间传递数据

Question

我试图关注this video在工厂上，以便在 AngularJS 中的 Controller 之间传递数据，但有些东西不太有效。

虽然我还没有传入 JSON 文件，但我正在使用硬编码版本进行测试。

我有一个 NavController，负责填充导航菜单上的链接。然后我有一个 TableController，负责从这个 future 的 JSON 文件中获取数据并创建一个表。这两个 Controller 彼此独立，这很好，但现在我想更改它，以便导航菜单中的某些链接可以影响表格的 View ，过滤和隐藏各种元素。我还想在导航 Controller 下包含一个搜索栏，以搜索表中的帖子，除非它以某种方式与数据相关联，否则它将无法工作。

我尝试获取少量数据并将其加载到工厂中:

data.js

var app = angular.module('AppName', []);
app.factory('DataFactory', function(){
    return [{'title':'title',
        'A': '1',
        'B': '2',
        'C': '3',
        'D': '4',
        'E': '5',
        'F': '6';
        },
        {'title':'title',
        'A': '1',
        'B': '2',
        'C': '3',
        'D': '4',
        'E': '5',
        'F': '6';
        };
});

但现在我尝试将该 DataFactory 加载到我的 NavController 和 TableController 中，但它不起作用。

NavController.js

app.controller('NavController', ['$scope', DataFactory, function($scope){
$scope.links = [
    {'name':'About',
    'URL': '#/about',
    },
    {'name':'Active',
    'URL': '#/active',
    }
];

$scope.data = DataFactory; //This part doesn't seem to be working.

}]);

TableController.js

app.controller('TableController', ['$scope', DataFactory, function($scope){
    $scope.tablecontent = DataFactory; //Not working
}]);

我只是不确定哪里出了问题以及为什么我的数据没有传递到我的 Controller 。获得数据后，我还关心如何访问各个部分。我还会简单地使用

ng-repeat='表内容中的内容' ... {{content.title}} ... ？

Answer 1

您没有正确注入(inject)它:

['$scope', DataFactory, function($scope){

应该是

['$scope', 'DataFactory', function($scope, DataFactory){

<小时/>

_{更不用说您的 DataFactory 返回值中缺少 ]。}