Подавать произвольный HTML в угловых данных связываются

Я делаю блог, у меня есть скелет в месте, где я могу служить вверх страницы и т.д. ...Подавать произвольный HTML в угловых данных связываются

Мой вопрос находится в моей главной странице index.html У меня есть что-то вроде

<html ng-app="BlogApp"> 
... 
<div ng-view></div> 
</html>

Мой вопрос в том, как разместить «богатый» контент в ngView. Сообщение в моем блоге недостаточно шаблонно, чтобы использовать $ scope для каждой функции. Структура должности в моей голове.

<h1>{{post.title}}</h1> 
<p>{{post.date}}</p> 
<div>{{post.content}}</div>

Где {{post.content}} является произвольным html. У меня будут фрагменты кода в <code>blocks</code> img тегах, ссылках, а также тексте. В каждом сообщении будет использоваться некоторое подмножество из них, и нет принудительного порядка.

Я видел, что есть способ иметь угловой рендеринг raw html, но это не похоже на угловой способ. Какой механизм позволяет угловому обеспечению справиться с этой сложностью?

Единственное другое решение, о котором я могу думать, это создание пользовательских представлений/контроллеров для каждого сообщения в блоге.

источник

2015-06-09 t3dodson

Вы угловая директива, что:

<h1>{{post.title}}</h1> 
<p>{{post.date}}</p> 
<div ng-bind-html="post.content"></div>

Запомнить включает ngSanitize для модуля.

https://docs.angularjs.org/api/ng/directive/ngBindHtml

источник

2015-06-09 03:02:55

Является ли это считается хорошей практикой в угловой? – t3dodson

Это способ сделать это ... также директивы в html идут с Hyphens, и нет CamelCase (ng-view/ng-app вместо ngView/ngApp) –

Подавать произвольный HTML в угловых данных связываются

ответ

Смежные вопросы