从Angular js的github中获取原始自述文件后,如何将其转换为html格式的文档

阿舒斯·哈德诺尔

我使用了以下控制器,但是如何将README.MD原始文件的每一行格式化为html文档

    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/btford/angular-markdown-directive/readme", {
          headers: {
            "Accept": "application/vnd.github.v3.raw"
          }
        });
      }
    };
  });

我很高兴知道将原始自述文件转换为格式化的html页面

纳兰克

..如何将README.MD原始文件的每一行格式化为html文档。

您从github API获得的响应是​​普通的markdown。因此,您只需要:

  • response.data在实际将其绑定到作用域之前,请使用合适的markdown-to-html库进行渲染这是一个使用marked.js的例子

     $scope.readme = $sce.trustAsHtml($scope.parseMD(resp.data));
    

    其中parseMD是返回渲染HTML的函数

     $scope.parseMD = function(md_content){
          return marked(md_content);
     }
    
  • 使用以下方式将输出绑定为html ng-bind-html

     <div ng-bind-html="readme"></div>
    

您所做的parseMD确实取决于您自己,这只是选择的问题。以下是一些流行的markdown-to-HTML库:

  • 标记//易于理解/深入代码
  • 降价-JS //支撑maruku作为阱-作为gruber方言
  • showdown.js //PageDown在stackexchange中分叉

所有这些库似乎都与Github Flavored Markdown搭配得很好

这是演示

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

从Angular js的github中获取原始自述文件后,如何将其转换为html格式的文档

来自分类Dev

Ionic 3 Angular 5如何在ngOnInit中获取数据并将其转换为Observable

来自分类Dev

如何将js代码转换为angular 2

来自分类Dev

Angular 打字稿如何将字符串转换为 html 对象并将其传递给变量

来自分类Dev

Angular如何将文本字符串转换为打字稿中的html对象

来自分类Dev

如何将Angular项目转换为非Angular项目?

来自分类Dev

在github自述文件中显示图像

来自分类Dev

如果遵循原始自述文件,Light Service Framework将无法构建

来自分类Dev

如何从Angular.js中的新日期获取日期格式

来自分类Dev

如何从Angular.js中的新日期获取日期格式

来自分类Dev

在angular8中收到错误消息后如何将金额转换为货币管道值

来自分类Dev

如何从 Cloud Firestore 获取数据并将其转换为本地可用数据 (Cordova/Angular)

来自分类Dev

从github加载自述文件?

来自分类Dev

从JavaScript转换为Angular JS

来自分类Dev

Angular 7 File Saver 使用编码的字节数组保存文件而不是将其转换为 CSV 格式

来自分类Dev

Angular /如何将获取的数据从字符串转换为数组

来自分类Dev

Angular JS中的HTML到Pdf转换

来自分类Dev

Github CLI Beta:如何查看文件夹中的自述文件

来自分类Dev

如何将Angular Promise转换为jQuery延迟对象

来自分类Dev

在github自述文件中居中的表情符号

来自分类Dev

如何从 Angular 中的 http post 请求获取原始 JSON 输出?

来自分类Dev

如何将数组转换为数组中的对象-Angular和Javascript

来自分类Dev

如何将cURL命令转换为angular中的http请求?

来自分类Dev

如何将数组转换为数组中的对象-Angular和Javascript

来自分类Dev

如何将输入字段 type="password" 转换为 angular 中的 type="text"?

来自分类Dev

如何使用Angular JS将一种日期格式转换为另一种格式?

来自分类Dev

Angular JS的数字格式

来自分类Dev

如何将Cordova应用程序从Angular Dart 1转换为Angular 2?

来自分类Dev

如何将 Angular 2.0.0-rc.4 Visual Studio 2015 项目转换为 Angular 4.0.0

Related 相关文章

  1. 1

    从Angular js的github中获取原始自述文件后,如何将其转换为html格式的文档

  2. 2

    Ionic 3 Angular 5如何在ngOnInit中获取数据并将其转换为Observable

  3. 3

    如何将js代码转换为angular 2

  4. 4

    Angular 打字稿如何将字符串转换为 html 对象并将其传递给变量

  5. 5

    Angular如何将文本字符串转换为打字稿中的html对象

  6. 6

    如何将Angular项目转换为非Angular项目?

  7. 7

    在github自述文件中显示图像

  8. 8

    如果遵循原始自述文件,Light Service Framework将无法构建

  9. 9

    如何从Angular.js中的新日期获取日期格式

  10. 10

    如何从Angular.js中的新日期获取日期格式

  11. 11

    在angular8中收到错误消息后如何将金额转换为货币管道值

  12. 12

    如何从 Cloud Firestore 获取数据并将其转换为本地可用数据 (Cordova/Angular)

  13. 13

    从github加载自述文件?

  14. 14

    从JavaScript转换为Angular JS

  15. 15

    Angular 7 File Saver 使用编码的字节数组保存文件而不是将其转换为 CSV 格式

  16. 16

    Angular /如何将获取的数据从字符串转换为数组

  17. 17

    Angular JS中的HTML到Pdf转换

  18. 18

    Github CLI Beta:如何查看文件夹中的自述文件

  19. 19

    如何将Angular Promise转换为jQuery延迟对象

  20. 20

    在github自述文件中居中的表情符号

  21. 21

    如何从 Angular 中的 http post 请求获取原始 JSON 输出?

  22. 22

    如何将数组转换为数组中的对象-Angular和Javascript

  23. 23

    如何将cURL命令转换为angular中的http请求?

  24. 24

    如何将数组转换为数组中的对象-Angular和Javascript

  25. 25

    如何将输入字段 type="password" 转换为 angular 中的 type="text"?

  26. 26

    如何使用Angular JS将一种日期格式转换为另一种格式?

  27. 27

    Angular JS的数字格式

  28. 28

    如何将Cordova应用程序从Angular Dart 1转换为Angular 2?

  29. 29

    如何将 Angular 2.0.0-rc.4 Visual Studio 2015 项目转换为 Angular 4.0.0

热门标签

归档