angularjs:ng-repeat不显示任何内容

时间:2014-09-18 08:46:43

标签: javascript angularjs angularjs-scope angularjs-ng-repeat ng-repeat

我不是一个真正的js家伙,但我试图用角度的ng-repeat显示一些东西。但它没有显示任何东西。

HTML:

<div class="list-block" ng-controller="ContactController as acontact">
<ul>
   <li class="item-content" ng-repeat="customer in acontact.customers"product>
       <div class="item-media"><i class="icon icon-f7"></i></div>
       <div class="item-inner">
           <div class="item-title">contact: {{ customer[0].Name }}</div>
           <div class="item-after">Label</div>
       </div>
   </li>
</ul>
</div>

JS

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

app.controller('ContactController', function($scope){
    var customers = myContext.customer.toArray();

    $.when(customers).then(function(customers) {
        $scope.customers = customers;
    }); 
});

调试 我尝试使用调试chrome扩展程序找出错误: DebugAngular Scope Image Customer in Console.log()

此图像我可以看到1秒然后它消失,只有标题停留在那里。 1 sec

也许有人知道我做错了什么? 最诚挚的问候

3 个答案:

答案 0 :(得分:3)

我同意上述答案,只要客户是对象而不是数组。 但也许可以尝试使用以下命令访问该名称:

customer.initData.Name  

<li class="item-content" ng-repeat="customer in customers"product>
    <div class="item-media"><i class="icon icon-f7"></i></div>
    <div class="item-inner">
        <div class="item-title">contact: {{ customer.initData.Name }}</div>
        <div class="item-after">Label</div>
     </div>
</li>

因为您将客户附加到$ scope,所以:

 $.when(customers).then(function(customers) {
        $scope.customers = customers;
    }); 

这意味着你不必引用控制器对象, ng-repeat =&#34;客户在acontact.customers&#34; 尝试使用

ng-repeat="customer in customers"

答案 1 :(得分:1)

您的客户变量不是数组,它已经是客户之一。尝试使用contact: {{ customer.Name }},一切都很好。

答案 2 :(得分:0)

也许因为$ scope?,当你使用它时,你不能使用别名&#34; as&#34;在你的控制器......