这个控制器有什么问题？答案

【问题标题】：What is wrong with this controller?这个控制器有什么问题？
【发布时间】：2014-11-27 11:45:04
【问题描述】：

下面我在 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>

【问题讨论】：

在 Angular 1.3 全局控制器中不支持请参考stackoverflow.com/questions/26646941/…
你是对的。现在根据您的链接工作
很高兴帮助你:)

标签： angularjs

【解决方案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>

【讨论】：