使用jsonp angularjs从github访问自述文件

时间:2016-03-30 06:05:45

标签: angularjs json github jsonp

我正在研究需要从GitHub显示readme.md文件的角度应用程序是否有可能通过Json回调角度获取 我尝试了存储库,我得到了它,但readme.md文件如何

1 个答案:

答案 0 :(得分:1)

我看了例子 github api documentation

jsfiddle上的实例。



angular.module('ExampleApp', [])
  .controller('ExampleController', function($scope, Slim,$sce) {
    Slim.getReadme().then(function(resp) {
      $scope.readme = $sce.trustAsHtml(resp.data);
    }).catch(function(resp) {
      console.log("catch", resp);
    });
  })
  .service('Slim', function($http) {
    return {
      getReadme: function() {
        return $http.get("https://api.github.com/repos/slimphp/Slim/readme", {
          headers: {
            "Accept": "application/vnd.github.v3.raw"
          }
        });
      }
    };
  });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="ExampleApp">
  <div ng-controller="ExampleController">
    <pre ng-bind-html="readme"></pre>
  </div>
</div>
&#13;
&#13;
&#13;

当然,您需要精美地显示降价

例如angular-markdown-directive