ngrepeat中异步调用返回的AngularJS绑定数据

我有一个index.html文件，我用它作为布局/模板，带有页眉、ngview指令和页脚。我在ngview中呈现的视图上成功地使用了“resolve”属性，以在异步调用完成后显示数据，但我正在尝试将主index.html文件标题中的导航栏链接到另一个用异步调用返回的值填充的控制器。我似乎有两个问题

为什么我的工厂中的数据不会“绑定”到NGF，这样当数据可用时，它就会更新视图

如何在index.html文件本身上实现解析？我认为在“/”路径上有一个解析需要在呈现页面之前加载解析中的所有数据，但我猜这只适用于ngview组件中的任何内容，而不是整个页面

index.html（缩写）

控制器

var SiteController = function ($scope, SiteFactory, BrandFactory){
    $scope.settings = SiteFactory.settings;
    $scope.brands = BrandFactory.getBrands();
    console.log($scope);
}
var NavController = function($scope, BrandFactory, $location)
{
    $scope.brands = BrandFactory.getBrands();
    console.log($scope);
}

service.js

var MockDataService = angular.module('MockDataService',[])
    .factory('BrandFactory',function($http){
        var factory = {};
        var brands = {};
        var promise = $http.get('/data/brands.json')
            .success(function(data){
                brands = data;
            });

        factory.getBrands = function(){
            return brands;
        };
        factory.getBrandBySlug = function(slug){
            for(var i=0; i< brands.length; i++)
            {
                if(brands[i].slug === slug) return brands[i];
            }
        };

        factory.promise = promise;

        return factory;
    })

var MockDataService=angular.module（'MockDataService'，[]）
.factory（'BrandFactory'，函数（$http）{
变量工厂={}；
var brands={}；
var promise=$http.get（'/data/brands.json'））
.成功（功能（数据）{
品牌=数据；
});
factory.getBrands=函数（）{
回归品牌；
};
factory.getBrandBySlug=函数（slug）{
对于（变量i=0；i

这对我很有用：

同时在egghead.io上观看视频也帮了大忙（）

var SiteController = function ($scope, SiteFactory, BrandFactory){
    $scope.settings = SiteFactory.settings;
    $scope.brands = BrandFactory.getBrands();
    console.log($scope);
}
var NavController = function($scope, BrandFactory, $location)
{
    $scope.brands = BrandFactory.getBrands();
    console.log($scope);
}

var MockDataService = angular.module('MockDataService',[])
    .factory('BrandFactory',function($http){
        var factory = {};
        var brands = {};
        var promise = $http.get('/data/brands.json')
            .success(function(data){
                brands = data;
            });

        factory.getBrands = function(){
            return brands;
        };
        factory.getBrandBySlug = function(slug){
            for(var i=0; i< brands.length; i++)
            {
                if(brands[i].slug === slug) return brands[i];
            }
        };

        factory.promise = promise;

        return factory;
    })