[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: AngularJS
Страницы: 1, 2
Guest
Цитата (paul85 @ 9.09.2013 - 04:11)
Ну а так в целом, есть смысл изучать Angular?

Конечно есть, это же google.
JQuery сейчас на 95% сайтах, я тоже ставил его везде.
Но когда увидел angular понял, что jquery уже не нужен.
paul85
Guest, как это не нужен? Ведь насколько я понял AngularJS активно использует его. Более того, по дефолту (если не подключить библиотеку JQ) есть сокращенный вариант JQ внутри Angular. Но не в этом дело!

Посмотрел видеоролики различные и окончательно запутался. Если создавать одностраничные приложения, то понятно более или менее что к чему... Но как удобно использовать вместо JQ пока не представляю. Хотя именно это на данный момент у меня вызывает наибольший интерес.

Вот написал на JQ добавление и удаление поля в форму. Выглядит примерно так. Ну целиком копировать HTML, понятно, не буду, только суть:

Свернутый текст


  $('.add_part2').on("click", ".remove_phone", function()
{
$(this).closest('tr').remove();
});

$('.add_part2').on("click", ".add_phone" , function()
{
var a=$(this).closest('tr').clone();
a.find("input").val("");
a.find('.remove_phone').toggle();
a.find('.phone').mask(" +7 (999) 999-9999");
$(this).closest('tr').after(a);
});


Свернутый текст

<table border="0" class="add_part2" width="860">
<!-- Some html here -->
<tr class="phone_block">
<td
align="center">Телефон:</td>
<td
colspan="3">
<input
class="phone" style="text-align: center;" autocomplete="off" name="phones[]" type="text" placeholder="Укажите телефон" /> *
<input class="description" style="text-align: center; width: 400px;" autocomplete="off" name="phones_desc[]" type="text" placeholder="Комментарии" />
<div
style="margin-left: 10px;float: right;width:55px; height: 25px;">
<div
class="remove_phone" style="display: none;"></div>
<div
class="add_phone"></div>
</div>
</td>
</tr>

<!-- Some html here -->
</table>



Как решается подобная задача на AngularJS? Или вообще решать подобные задачи нужно на JQ?
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.