Jquery 在angular.js中存储和附加html

为了好玩，我正在写一个简单的爱好博客，作为一个投资组合的推动者，但是我遇到了一个意想不到的难题，那就是如何将博客文章的文本管理为html

当我将博客文章的文本保存为文章指定对象中的文本值时，我必须对撇号进行各种转义，双引号也给我带来了麻烦

文本无法识别为HTML，因此无法识别插入博客文本的图像文件（使用img src或ng src）

当然，我可以通过手动将所有内容输入html来解决这个问题，但是我想让一些动态的、无痛苦的东西更新

我正在尝试的潜在解决方案：

Jquery：以某种方式操纵一个html文件的dom，在这里，我为每篇文章存储一个漂亮的html格式的文本，用一个引用id作为文章的标题，并提取每篇文章文本并将其作为ng repeat系列的一部分附加

处理转义斜杠，并了解如何在页面上呈现内部html时将其识别为html

以“有棱角的方式”做事是可取的。我知道ng include允许您拉入其他html文件，但我需要拉出另一个文件的特定元素；我不想为每一篇文章的文本创建一个html文件（或者我是这样做的？）

我现在主要是在我的WAMP本地主机上进行工作和测试，如果这有很大区别的话。在这里，您可以看到代码笔上的代码/显示：

var新闻=[
{标题：“没有脸的眼睛：恐怖与解放”，文本：“abc
”，键入：“回顾”，图像：http://images.popmatters.com/misc_art/d/dvd-eyeswithoutface-650.jpg"},
{标题：'格兰特·莫里森的迷幻漫画'，文本：“你好”，键入：“文章”，图像：http://comicsastonish.files.wordpress.com/2013/09/the-filth-panels.jpg"},
{标题：“穆根：一个没有版权顾虑的可定制战斗机”，文本：“测试1 2 3”，类型：“凹凸”，图像：http://fc00.deviantart.net/fs71/i/2012/150/3/b/shaq_vs_spongebob_by_pershon0-d51oiuf.png"},
{标题：“Lived-1:spaze jazz”，文字：“现场轻松的爵士乐，混合着vaporwave粉丝熟悉的昏昏欲睡、嬉戏的合成器声音”，类型：“bump”，图像：http://p-a-n.org/wp-content/uploads/2015/04/PAN-61-Lifted-_-front_web.jpg"
}
];

---

我想这让我如此困惑的原因是我有太多的选择！如果有人至少能给我指出最好的方向，那将是我的一天。

3。你可能知道。为什么不呢？听起来这正是你的用例，你在文章周围有一堆脚手架，然后你想把每个文章页面拉进去。另外，不要将jquery视为一个选项，甚至不要使用jquery，这会妨碍您学习angular。不确定所有转义问题都在哪里，特别是如果您正在对进行转义的数据使用

json\u encode

you@erikhonn我想我在你的文件夹里有一堆短html文件还不错吧？我只是觉得出于某种原因它看起来很混乱/糟糕。@charlietfl我将在将来研究json_编码，thanks@JonathanReasor许多小的html文件通常不是问题。然而，需要注意的是你在每一页上的请求数量。大多数浏览器都会在一定的限制内并行运行多个请求，如果您有一个巨大的可见文章列表，您可能会超过该限制。它仍然可以工作，但是页面加载速度可能会变慢，因为它需要执行很多请求才能获取每个html。您可以将html预加载到缓存中，但这需要大量的设置，因此如果您需要同时显示大量的文章，那么最好看看其他替代方法。

 var news =[
 {title: 'Eyes without a Face:   Horror and Liberation', text: '<p>abc <img src="http://www.hercampus.com/sites/default/files/2014/10/05/Sweet-puppy-sitting.jpg"></p>', type:"review",image:"http://images.popmatters.com/misc_art/d/dvd-eyeswithoutface-650.jpg"},

 {title:'The Psychedelic Comics of Grant Morrison',text:"how do you do", type:"article",image:"http://comicsastonish.files.wordpress.com/2013/09/the-filth-panels.jpg"},

 {title:"MUGEN: A Customizable Fighter with No Copyright Worries",text:"testing 1 2 3", type:"bump", image:"http://fc00.deviantart.net/fs71/i/2012/150/3/b/shaq_vs_spongebob_by_pershon0-d51oiuf.png"},

 {title:"Lifted-1: spaze jazz",text:"live easygoing jazz mixed with drowsy, playful synth sounds that would be familiar to fans of vaporwave",type:"bump",image:"http://p-a-n.org/wp-content/uploads/2015/04/PAN-61-Lifted-_-front_web.jpg"
 }
 ];