0

我的代码有什么问题？它必须显示所有名称，但效果不佳

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script>
<script>
    DemoApp = angular.module("DemoApp", []);
    DemoApp.controller('SimpleController', function ($scope) {
        $scope.Customer = [{ Fname: 'Alireza', City: 'Tehran' }, { Fname: 'Ali', City: 'Tabriz' }, { Fname: 'Ehsan', City: 'Abadan'}];
    });
    DemoApp.controller();
</script>
</head>
<body data-ng-app="DemoApp"> 
<div data-ng-controller="SimpleController">
<ul>
    <li data-ng-repeat="cust in Customer">{{cust.Fname}}</li>
</ul>
</div>
</body>
</html>
4

2 回答 2

1

大小写不匹配 Fname != FName

http://jsfiddle.net/cdCqu/

HTML

<body data-ng-app="DemoApp"> 
<div data-ng-controller="SimpleController">
<ul>
    <li data-ng-repeat="cust in Customer">{{cust.Fname}}</li>
</ul>
</div>
</body>

JS

angular.module("DemoApp", []).controller('SimpleController', function ($scope) {
        $scope.Customer = [{ Fname: 'Alireza', City: 'Tehran' }, { Fname: 'Ali', City: 'Tabriz' }, { Fname: 'Ehsan', City: 'Abadan'}];
    });
于 2013-09-11T09:40:24.873 回答
1

试试这个 jsFiddle ，你也不需要 data 属性以及 FName 必须是 Fname ，你不需要用 ng 属性附加数据

just remove data attribute

http://jsfiddle.net/imsaurabh/K6qwQ/

于 2013-09-11T09:46:20.323 回答