2015-05-14 8 views
-1

Я пытаюсь сделать динамический текст, съедобный только для некоторых из них, а не съедобный - из базы данных или переменных.Динамический текст с угловым

Например, если у меня есть имя переменной малыша = Адам, и мое предложение:

'Yesterday I was talking to Adam, He enjoyed the show as well' 

Чем я могу изменить все, кроме «Адама». Несколько полей ввода и ng-binds - это жестокий способ решить любую изящную идею? что-то вроде:

<p>Yesterday I spoke to {{ kid }}, and edit more stuff here</p> 

И тут я сразу же могу изменить текст в браузере.

Спасибо

+0

вы хотите изменить все, кроме Адама? – Pratik

+0

Вопрос неясен. Где текст, из которого вы хотите изменить? Кто «я» в вашем вопросе? пользователя или вас, как у программиста? – 0xc0de

+0

Не все идет легко. Вам нужно сделать некоторую кодировку. По крайней мере, вам может понадобиться какая-то директива. – iCode

ответ

-1

Я нашел простое решение jQuery для моей проблемы с постоянными значениями, которые не могут быть изменены во входном элементе. Вместо того, чтобы что-то вроде этого:

<input type="text" ng-model="beforeKid" /> 
<input type="text" ng-model="afterKid" /> 

<p><span>{{beforeKid}}</span><span>{{kid}}</span><span>{{afterKid}}</span></p> 

Существует так: http://jsfiddle.net/Yt72H/

0
<input type="text" ng-model="beforeKid" /> 
<input type="text" ng-model="afterKid" /> 

<p><span>{{beforeKid}}</span><span>{{kid}}</span><span>{{afterKid}}</span></p> 

Как об этом? Два входа, чтобы изменить значения перед именем и после. Имя вашего ребенка будет постоянным.

+0

Это нехорошее решение в свете того факта, что есть два входа. Цель состоит в том, чтобы отредактировать часть текста в предложении –

+0

Вы не можете иметь внутреннюю привязку в пределах другой привязки. Поэтому, если вы готовы изменить своего ребенка по введенному вами сообщению, вы можете пойти с одним входом. Я попробую еще одно решение, но на данный момент я не могу найти его. – Pratik

+0

Нет, ребенок должен оставаться нетронутым. Только если было что-то вроде: , а затем: $ scope.sentence = '..... Adam ....' $ scope.sentence: {'Adam ':' untouched '} –

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