Question

刚开始使用Angular并尝试绑定图像。在chrome中加载页面后显示此错误。

'未捕获的对象 - MINNER ASSET：22

<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/
angular.min.js"></script>
<script type="text/javascript">
        function DemoController($scope) {
            $scope.images = [
                { "src": "Images/1.jpg" },
                { "src": "Images/2.jpg" }                
            ];
        }
    </script>
</head>
<body>
<div ng-app="DemoApp" ng-controller="DemoController">
 <ul>
     <li ng-repeat="image in images">
        <img src="{{image.src}}" />
     </li>
 </ul>
</div>
</body>

Answer 1

嗨，你错过了var app = angular.module（＆＃34; DemoApp＆＃34;，[]）;

 <!DOCTYPE html>
    <html>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/
    angular.min.js"></script>
    <script type="text/javascript">
      var app = angular.module("DemoApp",[]);
      app.controller("DemoController",
            function DemoController($scope) {
                $scope.images = [
                    { "src": "Images/1.jpg" },
                    { "src": "Images/2.jpg" }                
                ];
            });
        </script>
    </head>
    <body>
    <div ng-app="DemoApp" ng-controller="DemoController">
     <ul>
         <li ng-repeat="image in images">
            <img ng-src="{{image.src}}" />
         </li>
     </ul>
    </div>
    </body>
    </html>

Answer 2

您尚未定义DemoApp，您可以跳过应用名称。

<div ng-app ng-controller="DemoController">

未捕获的对象 - Angular js

2 个答案: