Question

我的浏览器只呈现：＆＃34; {{cust.name +＆＃39;，＆＃39; + cust.city}}＆＃34;

的index.html

 <!DOCTYPE html>
    <html data-ng-app="demoApp">
        <head>
            <meta charset="utf-8">
            <meta http-equiv="X-UA-Compatible" content="IE=Edge">


            <title></title>
            <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

            <style>
                html, body, input, select, textarea
                {
                    font-size: 1em;            
                }
            </style>

        </head>

        <body>

            <div data-ng-controller="SimpleController">
                Name :
                <br>
                <input type="text" data-ng-model="name">
                <br>

                <ul>
                    <li data-ng-repeat="cust in customers">{{ cust.name + ',' + cust.city }}</li>
                </ul>
            </div>    

            <script>

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

                var controllers = {};
                controllers.SimpleController = function ($scope) {
                    $scope.customers = [
                        {name:'John', city:'Paris'}, 
                        {name:'Andy La', city:'Londra'}, 
                        {name:'George', city:'Berlin'}
                    ];
                });

                demoApp.controller(controllers);

            </script>

        </body>
        <script src="Scripts/angular.min.js"></script> 

    </html>

我的代码有问题???任何想法我能做什么？我尝试过其他网站和其他人的其他想法，但它不起作用。我不知道该做什么了。我对angularJS很新！

谢谢！

Answer 1

您需要在 body 标记内引用angular.js脚本

此外，你最后还有额外的paranthesis，删除它。

<强>样本

var demoApp = angular.module('demoApp', []);
 var controllers = {};
 controllers.SimpleController = function ($scope) {
  $scope.customers = [
   {name:'John', city:'Paris'}, 
   {name:'Andy La', city:'Londra'}, 
   {name:'George', city:'Berlin'}
  ];
};
demoApp.controller(controllers);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.min.js"></script>
<div ng-app="demoApp" ng-controller="SimpleController">
 Name :
  <br>
   <input type="text" data-ng-model="name">
  <br>
 <ul>
  <li data-ng-repeat="cust in customers">{{ cust.name + ',' + cust.city }}</li>
  </ul>
</div>

AngularJS ng-reapeat无法在浏览器中呈现

1 个答案: