Почему неправильно оборачивается элемент?

Question

[Dvorak]

zamena.replaceWith('<input type="text" ng-model="name" id="inputNewName" autofocus>');
$('#inputNewName').after('<p id="trash" class="ng-binding">{{name}}</p>');

По задумке в абзаце с id='trash' должен отображаться текст из поля ввода. Но там всегда {{name}}. В чём ошибка?

Answer 1

[Владимир Ио]

Скорее всего в том, что вставленные куски кода не скомпилированы.
Вам нужно использовать $compile, чтобы angular узнал о новых элементах.
Что-то вроде этого:

var elem1 = zamena.replaceWith('<input type="text" ng-model="name" id="inputNewName" autofocus>');
var elem2 = $('#inputNewName').after('<p id="trash" class="ng-binding">{{name}}</p>');
$compile(elem1)($scope);
$compile(elem2)($scope);

Comments

[Dvorak]

спасибо. А вы не знаете, можно ли это реализовать через jQuery? А то не хочется ради одной этой фичи тянуть целую библиотеку

[Владимир Ио]

Михаил Макарычев: Поправил ответ свой.

[lega]

> не хочется ради одной этой фичи тянуть целую библиотеку
вы хотели сказать "целый фреймворк"?

> А вы не знаете, можно ли это реализовать через jQuery?
Можно,
можно даже и без jQuery все сделать, просто кода будет больше.

Вот пример с Angular Light (+18kb) jsfiddle.net/lega911/xrh2nov4
так можете глянуть это: https://habrahabr.ru/post/272125/