2014-02-10 2 views
1

Я новичок в angular.js. Ниже приводится мое первое рабочее приложение. Во второй текстовой области отображается текст, введенный в первую область. Каков правильный способ и как это работает: Результат текста почти такой же, как в источнике, но буквы «a» заменены на «0».angular.js: замена текста

<!DOCTYPE html> 
<html data-ng-app=""> 
<head> 
    <script src="angular1.2.12.js"/> 
    <script> 
    </script> 
</head> 
<body> 
    <textarea data-ng-model="source"></textarea> 
    <textarea id="result">{{source}}</textarea> 
</body> 
</html> 

Адрес jsFiddle.

+0

Я мог редактировать свой Jsfiddle делать то, что вы хотите достичь. Тем не менее, я считаю, что это не поможет вам, поскольку это будет самый короткий способ сделать это и не имеет ничего общего с приложением «реального мира». что ты уже испробовал? Вы закончили учебник? – Sprottenwels

+0

Только что началось. Спасибо. – Haradzieniec

ответ

1

Для преобразования вы можете применить фильтр к source.

app.filter('replaceA', function(){ 
    return function(input){ 
     return input.replace(new RegExp('a', 'g'), '0'); 
    } 
}); 

Затем примените это к вашему HTML

<textarea data-ng-model="source"></textarea> 
<textarea id="result">{{ source || '' | replaceA }}</textarea> 

jsFiddle

+1

JS replace() заменит только первое вхождение. – kasoban

+0

Обновлен ответ, чтобы использовать фильтр. – kubuntu

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