为什么这个plnkr没有角加载?

时间:2016-12-07 23:41:55

标签: javascript angularjs plnkr.co

我已经研究过我的问题并尝试了很多解决方案,但还没有解决它。

出于某种原因,角度似乎没有装入羽毛球。

我的头部iffy在以后的版本中不再受角度支持,但我尝试加载旧版本但仍无效。

关于如何让它运行的任何想法?

这是链接:

http://plnkr.co/edit/rrnzNjze2QqkWtjvNUNH?p=preview

HTML

<!DOCTYPE html>
<html ng-app="githubViewer">

  <head>
    <script data-require="angular.js@*" data-semver="1.1.0" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.1.0/angular-bootstrap-prettify.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-controller="MainController">
    <h1>{{message}}</h1>
    <div> 
      {{ error }}
    </div>
    <div>
      <div>
        Name: {{user.name}}
      </div>
      <div>
        Location: {{user.location}}
      </div>
      <div>
        <img ng-src="{{user.avatar_url}}" title="{{user.name}}" />
      </div>
    </div>
  </body>

</html>

的Javascript

// Code goes here

  var app = angular.module("githubViewer", []);

  var MainController = function($scope, $http) {

  var onUserComplete = function(response){
    $scope.user = response.data;
  };

  var onError = function(reason){
    $scope.error = "Could not fetch the user request!";
  };

  $http.get("https://api.github.com/users/robconery")
        .then(onUserComplete, onError);

  $scope.message = "Hello, Angular!";

};

  app.controller("MainController", ["$scope", "$http", MainController]);

1 个答案:

答案 0 :(得分:1)

替换angular-bootstrap-prettify.js(我不知道什么是angular-bootstrap-prettify,你真的需要吗?)由angular.js和你的plunkr工作。