AngularJS:如何预处理json数据
AngularJS: how to preprocess json data
我创建了一个工厂来从后端检索json数据。json数据的一部分主要基于文本,需要将换行符转换为耦合的<p></p>
标记。
我尝试使用此函数来处理视图文件中的文本。
function TextProcess(text) {
var p_text = text.replace("/['r'n]+/", "</p><p>")+"</p>";
var finish_text = p_text.replace("/(?<='s)'x20|'x20(?='s)/", " ");
return(finish_text);
}
这个函数可能有它自己的问题。。。(我对javascript很陌生)
然后在视图中,我尝试了:
<p>{{TextProcess(article.body)}}</p>
这句话让我无所适从。
我所做的是在AngularJS中处理文本的正确方式吗?如果没有ng-repeat
的帮助,我不知道如何使用AngularJS处理Json数据。
请告诉我该怎么做。
您可以使用自定义过滤器将格式应用于文本。
你最终会在你的模板中写下这个:
<span ng-bind-html-unsafe="text | customFilter"></span>
这是自定义过滤器代码(我将其命名为"fixup")
.filter('fixup', function () {
return function (input) {
var txt = input.replace("/['r'n]+/", "</p><p>") + "</p>";
var out = txt.replace("/(?<='s)'x20|'x20(?='s)/", " ");
return out;
}
我制造了一把小提琴,但替换效果不太好,但它应该有一个坚实的起点:http://jsfiddle.net/aNp8M/2/
相关文章:
- 如何将JSON数据导入我的ejs模板
- 如何将json数据显示为html
- Json数据包含日期和时间格式
- 用我的json数据填充JQuery DataTable
- AngularJS加载JSON数据,然后从中解析/加载HTML
- 使用jquery读取Json数据
- 如何将本地json数据加载到Extjs数据模型中
- 如何使用jquery ajax和jsonp在您自己的域上读取json数据
- React-将jSON数据传递给子组件的子组件
- 尝试从控制器加载带有json数据的Simile时间线
- Jquery:对返回JSON数据的php脚本的Ajax调用
- 如何通过数据分组将json数据转换为嵌套的json数据格式
- 如何在ReactJs中显示Json数据
- 使用javascript进行JSON数据检索
- tu如何将id放在填充了json数据的html表td上
- 将JSON数据从服务器加载到knockout.jsobservable中
- 使用JavaScript处理JSON数据
- 如何将json数据传递到.js文件
- 如何在带有nunjucks和gullow数据的JSON数据中使用带有HTML的内容
- 如何使用var名称调用JSON数据