Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.03.2014, 21:00
Новичок на форуме
Отправить личное сообщение для valde Посмотреть профиль Найти все сообщения от valde
 
Регистрация: 27.03.2014
Сообщений: 4

Нужна помощь по связыванию даных AngularJS
Приношу свои извинения если ответ на мой вопрос уж слишком очивиден... Но сейча уперся в проблему связвания даных в Anjular.
Суть задачи:
Делаю форму для ресайза изображения.. На вход я уже получаю значения оригинальной картики в полях я ети данные обробатываю и если например пользователь ввел в первое поле некое значение то второе поле изменится согласно пропорции изображения
У меня есть две формы в них я поддтягиваю width и height которые у меня находятся в file.dimension[0] и file.dimension[1] соответственно.

Само связивание я делаю так:
<input ng-model="dimW"  ng-change="{{koef = (file.dimension[0])/dimW; dimH=(file.dimension[1])/koef}}" type="text" class="form-control input-sm" placeholder="{{file.dimension[0]}}" />

<input ng-model="dimH" ng-change="{{koef = (file.dimension[1])/dimH; dimW=(file.dimension[0])/koef}}"   type="text" class="form-control input-sm" placeholder="{{file.dimension[1]}}"/>


Но почему то редактирование даных происходит только в первом инпуте, а так же при определенных значениях перещитывается само число которое вводится.

Последний раз редактировалось valde, 27.03.2014 в 21:04.
Ответить с цитированием
  #2 (permalink)  
Старый 28.03.2014, 07:23
Аватар для FireVolkhov
Аспирант
Отправить личное сообщение для FireVolkhov Посмотреть профиль Найти все сообщения от FireVolkhov
 
Регистрация: 17.04.2013
Сообщений: 88

В директиве ng-change вызывается scope.$eval.
Должно быть так
ng-change="koef = (file.dimension[0])/dimW; dimH=(file.dimension[1])/koef"

valde, ты в консоль смотришь, когда тестируешь свой код?

Последний раз редактировалось FireVolkhov, 28.03.2014 в 07:30.
Ответить с цитированием
  #3 (permalink)  
Старый 28.03.2014, 12:30
Новичок на форуме
Отправить личное сообщение для valde Посмотреть профиль Найти все сообщения от valde
 
Регистрация: 27.03.2014
Сообщений: 4

В консоли чисто.. никаких нотайсов или ероров нет. Попробовал ваш вариант ... Все заработало!!!! Огромное спасибо!! А Подскажите Пожалуйста еще как мне можно скруглить число или обрезатьпо дробной части в самой вюшке .. Тоесть в директиве ng-change

Последний раз редактировалось valde, 28.03.2014 в 12:36.
Ответить с цитированием
  #4 (permalink)  
Старый 28.03.2014, 14:51
Аватар для FireVolkhov
Аспирант
Отправить личное сообщение для FireVolkhov Посмотреть профиль Найти все сообщения от FireVolkhov
 
Регистрация: 17.04.2013
Сообщений: 88

Фильтр number как юзать
Ответить с цитированием
  #5 (permalink)  
Старый 28.03.2014, 17:36
Новичок на форуме
Отправить личное сообщение для valde Посмотреть профиль Найти все сообщения от valde
 
Регистрация: 27.03.2014
Сообщений: 4

Спасибо хороший вариант.

Кстати если кому будет интересно, нашел еще один вариант округления чисел, точнее даже использования математических операций в вюшке.
Для этого в своем контроллере нужно указать:
$scope.Math = window.Math;

Последний раз редактировалось valde, 28.03.2014 в 18:35.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Нужна помощь по javascript darklend Общие вопросы Javascript 0 12.01.2014 23:33
Нужна помощь: Slider wheel Alex555 Мобильный JavaScript 0 15.05.2013 18:06
Нужна помощь по слайдеру seoguru Работа 3 28.01.2013 22:02
нужна помощь с js okapo AJAX и COMET 3 31.01.2012 04:32
нужна помощь dominosoko Серверные языки и технологии 4 14.03.2010 02:17