Question

我检查了之前的所有答案，并尝试了track by $index建议。不过，它似乎不起作用。

修改

我认为我的问题引起了很多误解。我已将其更新为原始代码。我还提供了我的控制台的截图

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>poshaQ</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Angular cdns -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular-resource.js"></script>
    <script src="form.js"></script>
</head>

<body>
    <!--[if lt IE 7]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

    <div  ng-app="Occasion" ng-controller="formController">
            <div ng-repeat="fabric in fabrics track by $index">
                {{fabric}}
            </div>
        </div>
</body>

</html>

form.js

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

app.controller('formController', function ($scope) {

    $scope.fabrics = [{
        "image": "http://fakeimg.pl/100x100",
        "name": "None"
    }]
});

这是控制台的屏幕截图。您可以看到div在其中没有任何内容呈现。

我使用express来提供静态文件，我的form.js位于我正在服务的公共文件夹中。您可以看到控制台没有参考问题。仍然没有输出。此外，我正在放置我的文件夹结构的屏幕截图。

Answer 1

有两件事，

（i）您缺少角度资源的参考

（ii）您需要从js小提琴选项中选择包裹体

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

WORKING FIDDLE

AngularJS ng-repeat不打印任何值

1 个答案: