Javascript 即使模型有值，AngularJs ng repeat也不会显示值_Javascript_Json_Node.js_Angularjs

Javascript 即使模型有值，AngularJs ng repeat也不会显示值

javascript json node.js angularjs

Javascript 即使模型有值，AngularJs ng repeat也不会显示值,javascript,json,node.js,angularjs,Javascript,Json,Node.js,Angularjs,我正在使用AngularJs显示nodejs路由“api/getItems”提供的名称列表下面哪个返回 router.get('/getItems',function(req,res,next){ var model = [{"_id":"53f4cde40864fca70c2434cf","name":"John Smith"}, {"_id":"23f4bde40864fba70c2434cf","name":"Smith John"},

我正在使用AngularJs显示nodejs路由“api/getItems”提供的名称列表下面哪个返回

router.get('/getItems',function(req,res,next){

var model = [{"_id":"53f4cde40864fca70c2434cf","name":"John Smith"},
                 {"_id":"23f4bde40864fba70c2434cf","name":"Smith John"},
                 {"_id":"592f4cde40864fca70c2434cf","name":"Albert Test"}]; 
      res.json(model);


});

请在这里找到我的html代码和angular代码（app.js）

这段代码看起来非常简单明了。我对angularjs是新手，因此我不知道是什么问题。该列表迭代对象的数量，但不显示名称

有人能帮我解决我做错了什么吗？多谢各位

在下面添加我的角度代码

var app = angular.module('sampleApp', []);

app.factory('TestService', function ($http, $q) {

    return ({
        getItems : getItems 
    });

    function getItems(){

        var request = $http({
                             method: "Get",
                             url: "api/getitems"                        
                            });

        return( request.then( handleSuccess, handleError ) );
    }

    function handleError( response ) {

        if (! angular.isObject( response.data ) ||! response.data.message) {

            return( $q.reject( "An unknown error occurred." ) ); 
        }          
        return( $q.reject( response.data.message ) ); 
    }

    function handleSuccess( response ) { 
        return( response.data ); 
    }


});

app.controller('TestController', ['$scope', 'TestService', function ($scope, TestService) {

    $scope.model= [];
    $scope.model.TestList= [];

    loadRemoteData();

    function loadRemoteData(){
        TestService.getItems().then(function(data){
                applyRemoteData(data);
        });
    }

    function applyRemoteData( WorkItems ) {
        $scope.model.TestList = WorkItems;
    }    

}]);

html代码段：

<body ng-app="sampleApp">
    <div ng-controller="TestController"> 
             <div  ng-repeat="item in model.TestList">
                <p>Name :</p> {{item.name}} 
             </div>             
    </div>
</body>


名称：{{item.Name}

我检查了您的JSFIDLE，您的

$http.get（url）将出现问题
正如我看到的，您没有通过get call获得正确的承诺对象检查
因此，我通过分叉尝试使用模拟数据，在JSFIDLE中做了一些更改，并删除了html中的一些脚本标记
如果您有关于角度的问题，请在问题中包括角度代码。还要考虑如果你想提供一个带有多个文件的例子，我没有改变什么，只有URL；请参阅此处的工作示例：@Yoshi My angular code与html@NewtonCode问题是，无论何时JSFIDLE宕机，或者链接因其他原因中断，您的问题都将无法供将来的访问者使用。这就是为什么您应该始终在问题中包含有问题的代码。请看：谢谢@Yoshi，我现在已经在问题中加入了角度代码。您能否提供一些线索，说明为什么$http.get在这种情况下不起作用。似乎硬编码json很好。我在$http.get中做错了什么？是的，这是在处理模拟数据。但是我不明白为什么它能工作。你能和你的工厂服务部核实一下吗？工厂服务部并没有退回承诺对象。我删除了像jquery这样的脚本和你们包含的其他脚本。工厂服务正在返回promise对象。我返回了3个对象并重复了3次循环，但它似乎无法访问属性。我附上了一个使用angular baatrang进行检查的屏幕截图。它显示对象已绑定到视图。我不明白为什么会发生这种情况。根据Maxim Shoustin，我也与plunker进行了检查，它也在工作。您的JSFIDLE存在问题，您可以更好地使用新的JSFIDLE。与普朗克合作