解析Markdown格式的JSON数据

markdown [url]http://baike.baidu.com/link?url=A_TMdRrgzrZkjnleWuS9zgi1yahFct3tcVee2UusJme9Ye9p-djw8t7DKnS2EtD9vIyjeDLc61V5jQKL7ezmZ586JvADtnaloq2u7gMjO9u[/url]
是一种简单的标记语法,通过该标记语法,它可以使普通文本内容具有一定的格式。


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); //这里是将转换后的结果注入元素内部
})
}
}
}
);



接着就可以在相应需要转换的位置使用了!

<div markdown="{{content.content}}"></div>


注意你的数据格式得是markdown啊! 否则无效
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值