ng-src无法解析存储在MongoDB

时间:2016-12-22 11:46:22

标签: javascript angularjs mongodb

这是我视图中的代码

<div ng-controller="HomeController">
<div class="row">
    <div class="col-xs-12 col-sm-offset-1 col-sm-3">
        <div class="media">
                <div class="media-top media-middle">
                    <a ui-sref="#">
                        <img class="media-object img-thumbnail" ng-src="{{dish.image}}" alt="MENU" >
                    </a>
                    <div class="media-body">
                        <h2 class="media-heading" style="color:red">This is Hot/Featured</h2>
                    </div>
                </div>
        </div>
    </div>
</div>

这是我的控制器

.controller('HomeController', ['$scope', 'menuFactory', function($scope, menuFactory) {
    menuFactory.getDishes().query(
        function(response) {
            var dishes = response;
            $scope.dish= dishes[0];
        },
        function(response) {
            $scope.message='Error' + response.status+ " " + response.statusText; 
        });
}])
.controller('HomeController', ['$scope', 'menuFactory', function($scope, menuFactory) {
    menuFactory.getDishes().query(
        function(response) {
            var dishes = response;
            $scope.dish= dishes[0];
        },
        function(response) {
            $scope.message='Error' + response.status+ " " + response.statusText; 
        });
}])

这是我的Service.js代码

.service('menuFactory', [/*'$http'*/ '$resource', 'baseURL', function(/*$http*/ $resource, baseURL) {


                this.getDishes = function(){

                    return $resource(baseURL+"dishes",null, {'get':{method:'GET' }});              //$http.get(baseURL+"dishes");

                };


        }])

我检查了路径,它确实存在。当我直接给出路径时,会显示图像。当使用上面的代码时,它不是。当我在登录控制台时,ng-src关键字本身并未显示。但是相同的代码适用于我的笔记本电脑的其他机器。我认为存在一些依赖性问题。请帮忙。

0 个答案:

没有答案