Преобразование функции JQuery в AngularJS подходить

Я ищу перенести форму Jquery Ajax для AngularJS и я застрял на следующий процесс ...Преобразование функции JQuery в AngularJS подходить

Моя форма имеет несколько флажков, сгруппированных по категориям; поскольку некоторые элементы охватывают несколько категорий, будет несколько экземпляров продукта.

Если пользователь помечает продукт 123 в категории А, а затем продукт 123 в категории C также будут помечены как они тот же продукт - одинаково они отмените все экземпляры ...

Мой JQuery был довольно прост, как ниже:

$(".checkbox input").on("click",function() { 
    $(":checkbox[value='"+ $(this).val() +"']").prop("checked", $(this).is(":checked")); 
});

Простая проверка DOM и изменение состояния любого флажка с тем же назначенным значением.

Форма My AngularJS теперь находится в состоянии, когда через службу метаданных визуализую визуальную форму так же, как и мою jquery-версию, поэтому все продукты правильно классифицированы и присваиваем значения этим флажкам.

Может ли кто-нибудь помочь в том, как я буду конвертировать функцию JQuery в угловой принцип?

Заранее спасибо

источник

2015-05-28 user3779703

http://stackoverflow.com/questions/28282487/integrating-angularjs-with-jquery/28282615#28282615 –

Хорошо, спасибо за быстрый ответ - так что ссылка, похоже, ссылается на вызов существующей функции jQuery из углового. В моем случае я должен вместо этого искать, чтобы воспроизвести эту функциональность в угловых методах? Я просто изучаю углы, но ожидал вместо этого отслеживать модель для изменений (по мере того, как флажки обновляют модель) и не отслеживать dom, как я делал с jQuery. Спасибо – user3779703

Соответствующий подход к решению этого требования в угловому бы связать все галочки, связанные с тем же продуктом одной и той же переменной ngModel. Таким образом, двухстороннее связывание Angular гарантирует, что их состояние будет постоянно синхронизироваться, и для этого вам не понадобится ваш код jQuery.

источник

2015-05-28 07:21:22 OrenD

Хорошо спасибо за ваш комментарий, и я понимаю ваше предложение и как это поможет, мне просто нужно понять, как я могу добиться этого с помощью моей текущей угловой настройки. У меня нет контроля над службой JSON, но это определяет структуру и I-n-повторение через нее, поэтому JSON содержит дублирующие узлы - как бы я смог адаптировать это и сказать, что этот флажок уже существует, поэтому привяжите это поле к «master» "поле. Спасибо – user3779703

Итак, если у каждого объекта есть уникальный идентификатор (позволяющий идентифицировать несколько экземпляров одного и того же объекта в данных JSON), вы можете создать локальную модель, содержащую один экземпляр каждого объекта и передать его в представление. Таким образом, разные экземпляры одного и того же объекта будут ссылаться на один и тот же объект в вашей модели. В «Угловом» я запрашивал исходный код для получения данных JSON в службе, а затем имел сервис для обработки обработки JSON и создания локальной модели. Ваш контроллер будет использовать эту услугу, чтобы получить модель и подготовить ее к просмотру. – OrenD

Преобразование функции JQuery в AngularJS подходить

ответ

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