Как в AngularJS сделать взаимодействие между значениями в input?

Question

[Иван Дамаскин]

Всем привет.

Подскажите пожалуйста на примере как наладить взаимодействие значений в input например для создания такого конвертера валюты как тут valuta.900.md

Получается только так jsfiddle.net/Raynor/nny4xfg2/1

Answer 1

[Alexey Sosnovsky]

тебе нежно привязать модель к инпуту

Comments

[Alexey Sosnovsky]

сейчас если немного подождёшь сделаю тебе примерчик )

[Alexey Sosnovsky]

input(ng-model="string1")
        h1 {{string1/11.1000  | number:2 }}

[Alexey Sosnovsky]

ой пардон, это у меня на JADE, минуту

[Alexey Sosnovsky]

<input ng-model="string1">
    <h1>{{string1/11.1000  | number:2 }}</h1>

[Alexey Sosnovsky]

как то так будет. то что вводишь в инпут появляется внутри {{ }} и проходит сквозь фильтр

[Alexey Sosnovsky]

ещё для себя писал такой вот фильтр

function toRublesFilter() {
        return function (input) {
            return String(Math.floor(input * 100) / 100).replace(/(\d)(?=(\d{3})+\.)/g, '$1 ')  + ' руб';
        };
    }

применяется соответственно так же

//объявляем
angular
        .module('MyApp', [
        ])
        .filter('toRub', toRublesFilter)
;
// реализуем
    function toRublesFilter() {
        return function (input) {
            return String(Math.floor(input * 100) / 100).replace(/(\d)(?=(\d{3})+\.)/g, '$1 ')  + ' руб';
        };
    }

//используем в HTML
<div> {{ YourNumber | toRub }} </div>

[Alexey Sosnovsky]

делает следующее, берёт твоё число и парсит его по разрядам и разделяет пробелами (вот тут '$1 ' после $1 можешь вместо пробела любой символ поставить) и в конце дописывает + ' руб' ( тоже можешь заменить на что душе угодно)

[Alexey Sosnovsky]

то что нужно?

[Иван Дамаскин]

Ну это как раз то что я и сделал jsfiddle.net/Raynor/nny4xfg2/1 А мне нужно что бы я в лбом из инпутов написал число и оно конвертировалось во всех валютах. Пример конечного результата как тут valuta.900.md (Конвертер валют)

[Alexey Sosnovsky]

аа, хм. дай подумать. тоесть тебе надо 2/3/4-стороннее связывание? правильно я понял? это как то через взаимодействие с моделями надо делать. в контроллере думается

[Иван Дамаскин]

Да. Как то так. Можешь мой код на jsfiddle отредактировать что бы он работал как нужно. Спасибо.

[Руслан Абдуллаев]

Alexey Sosnovsky: Ему нужен двухсторонний байндинг, т.е. реакцию на изменение любого из инпутов

[Сергей Протько]

Alexey Sosnovsky: самый простой вариант:

1) у всех инпутов свое значение (currencies.eur, currencies.rub)
2) у всех инпутов есть ng-change вызывающий метод контроллера (currencies.conver('rub') например)
3) у метода convert есть информация о том кого поменяли (rub) и он может пересчитать все остальное.
4) ???
5) профит

[Иван Дамаскин]

Сергей Протько: Пример не напишешь на jsfiddle? -)

[Сергей Протько]

Иван Дамаскин: мне лень, поиск в помощь. Вопервых даже я делал тут пример в каком-то из вопросов схожих, во вторых в интернетах не один десяток примеров.