Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript: Angular 2, AngularJS
Войти
Регистрация
Восстановить пароль
 
OlegTrueFalse
0 / 0 / 0
Регистрация: 06.08.2015
Сообщений: 3
1

Ng-model+

07.08.2015, 15:32. Просмотров 230. Ответов 4
Метки нет (Все метки)

Добрый день, возник вопросик связанные с angular'ом и jquery, не знал в какой раздел правильнее отправить, но основная задача связанна с angular, так что я тут.
Есть код, добавление блоков на сайт:
HTML5
1
2
3
4
5
6
<div id="themes-change" class="drop-cont-manager"  >
             <div id="btn2" style="float:right;margin-bottom:0px;margin-right:20px;"><button>Добавить тему</button></div>
              <div>
                  <label class="sub-titles">Название:</label>
                <input style="margin-bottom:4px;" class="names-and-anything" type="text" ng-model="themeName" placeholder="Введите название курса"></div>
                <div>
И есть код jquery, который их добавляет.
Javascript
1
2
3
4
5
$(document).ready(function(){
$("#btn2").click(function(){
        $("#themes-change").append('<div><label class="sub-titles">Название темы:</label><input style="margin-bottom:4px;" class="names-and-anything" type="text" ng-model="themeName1" placeholder="Введите название темы"></div><div><label class="sub-titles">Краткое описание темы:</label><input style="margin-bottom:4px;" class="names-and-anything" type="text" ng-model="themeName1" placeholder="Введите краткое описание темы"></div>');
    });
});
Как сделать так, чтобы при добавление блока ng-model="themeName" менялся на ng-model="themeName1" и т.д.?
Заранее спасибо!
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
07.08.2015, 15:32
Ответы с готовыми решениями:

Ng-model и datetimepicker
Добрый день. Такая проблема - ng-model не реагирует на выбор даты с помощью datetimepicker. При...

AngularJS. Отключить генерацию. Заполнение ng-model
Начал только разбираться в AngularJS. Пытаюсь переделать под себя один пример, столкнулся с...

Ng:init - как присвоить динамический ng:model?
Всем привет. Имеется ng:repeat, создаваемый посредством json (methods), внутри него создаётся ряд...

Не обновляется view после изменения $scope.model
Всем привет. У меня такая проблема. Есть страница на которой представлен небольшой список вещей....

NVIDIA RIVA TNT2 Model 64/Model 64 Pro (Microsoft Corporation)
Нашел несколько вот таких древностей NVIDIA RIVA TNT2 Model 64/Model 64 Pro (Microsoft...

4
XRoy
862 / 712 / 305
Регистрация: 15.04.2013
Сообщений: 2,047
Записей в блоге: 5
07.08.2015, 21:19 2
OlegTrueFalse,
Почему бы это все не сделать при помощи ангуляра?
0
OlegTrueFalse
0 / 0 / 0
Регистрация: 06.08.2015
Сообщений: 3
07.08.2015, 21:28  [ТС] 3
idk как
Мои знания в ангуларе очень слабые, но для простейшего "live" демонстрации - хватит
Там слишком элементарно

Добавлено через 2 минуты
Цитата Сообщение от XRoy Посмотреть сообщение
OlegTrueFalse,
Почему бы это все не сделать при помощи ангуляра?
На jquery мне проще написать "добавление элементов"
0
BANO
Ренегат
Эксперт HTML/CSS
1716 / 1059 / 385
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
07.08.2015, 23:00 4
OlegTrueFalse, а почему бы не сделать счётчик и поставить его в строку, где вы создаёте эти модули?
примерно так
Javascript
1
2
3
4
// где-то в начале кода
var counter=0;
// где-то в вашем "создателе"
...="text" ng-model="themeName'+(++counter)+'" plac...
0
XRoy
862 / 712 / 305
Регистрация: 15.04.2013
Сообщений: 2,047
Записей в блоге: 5
08.08.2015, 14:29 5
OlegTrueFalse, По кнопке btn2 просто добавляйте в массив данных объект с пустыми строками. Вот и все решение и не зачем тут jquery

Цитата Сообщение от OlegTrueFalse Посмотреть сообщение
На jquery мне проще написать "добавление элементов"
Пишите тогда все на jquery
0
08.08.2015, 14:29
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
08.08.2015, 14:29

Из model small в model tiny
Доброго времени суток . Помогите переделать программу из model small в tiny при помощи функций 3Fh...

Кофемашина KRUPS Model:PDB1450 1111MM Ref:EA8260PE/70C-0112-R, Кофемашина KRUPS Model:PDB1450 Ошибка 06
Добрый день Пришла кофемашина KRUPS Model:PDB1450 1111MM Ref:EA8260PE/70C-0112-R С ошибкой 06.При...

ER Model
Здравствуйте! Подскажите пожалуйста подходящую программу, которая построит ER модель для БД...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru