解析Markdown格式的JSON数据
markdownhttp://baike.baidu.com/link?url=A_TMdRrgzrZkjnleWuS9zgi1yahFct3tcVee2UusJme9Ye9p-djw8t7DKnS2EtD9vIyjeDLc61V5jQKL7ezmZ586JvADtnaloq2u7gMjO9u
是一种简单的标记语法,通过该标记语法,它可以使普通文本内容具有一定的格式。
angular.module('App', []).directive('markdown', //声明命令,并且命名为markdown function(){ //创建showdown转换器 var converter = new Showdown.converter(); //命令会返回一个对象,用来声明命令的设置 return{ //声明自定义作用于等待值被赋予给markdown属性 scope:{markdown: '@'}, //声明link函数,其作用即为 ' Convent Markdown To HTML!' link:function(scope,element,attrs){ //下面将使用作用域观察期来同步模型改动 scope.$watch('markdown',function(){ var content = converter.makeHtml(attrs.markdown);//将markdown转换为html并且赋予content变量 element.html(content); //这里是将转换后的结果注入元素内部 }) } } } );
接着就可以在相应需要转换的位置使用了!
<divmarkdown="{{content.content}}"></div>
注意你的数据格式得是markdown啊!否则无效
相关推荐
MarkDownHere 2020-09-16
xiongweiwei00 2020-06-28
Kingcxx 2020-06-25
Hesland 2020-06-14
tenvainvi 2020-06-11
amazingbo 2020-06-10
tenvainvi 2020-06-09
Kingcxx 2020-06-04
James0 2020-06-01
tenvainvi 2020-05-29
xiongweiwei00 2020-05-28
Hesland 2020-05-28
xiongweiwei00 2020-05-26
Hesland 2020-05-19
chzh0 2020-05-19