Question

我在index.htmls <script></script>中创建控制器的代码不起作用。这有什么不对？我知道我可以通过单独的app.js来定义它并在那里定义。但有兴趣知道为什么这不起作用。

<!DOCTYPE html>
<html data-ng-app>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div data-ng-controller="SkillsController">
 <ul>
   <li data-ng-repeat="skill in skills">{{skill.name}} - {{ skill.stars}}</li>
 </ul>
</div>
<script>
    function SkillsController($scope) {
        $scope.skills = [
            { name: 'Ruby', stars: 5 },
            { name: 'Java', stars: 10}
        ];
    }
</script>
<script type="text/javascript" src="js/angular.js"></script>
</body>
</html>

Answer 1

使用此功能可以帮助您

检查此链接 http://plnkr.co/edit/uKDBnQ9Ulk43m9xSQ9YU?p=preview

 <!DOCTYPE html>
 <html data-ng-app="myApp">
    <head lang="en">
     <meta charset="UTF-8">
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js">     </script>
    </head>
 <body>
   <div data-ng-controller="SkillsController">
     <ul>
       <li data-ng-repeat="skill in skills">{{skill.name}} - {{ skill.stars}}</li>
     </ul>
  </div>

   <script>

     var app = angular.module("myApp",[]);
     app.controller('SkillsController', function($scope){
       $scope.skills = [
        { name: 'Ruby', stars: 5 },
        { name: 'Java', stars: 10}
      ];
     })
   </script>
    <script type="text/javascript" src="js/angular.js"></script>
  </body>
</html>

这个控制器出了什么问题？

1 个答案: