subrata kar Ответов: 1

Див открывать и закрывать нажатием флажка


Я столкнулся с проблемой в angularjs. Там есть динамический флажок, когда я установил флажок, соответствующие данные заполняются в div, который в порядке. Но когда я поставил еще один флажок, данные пришли в div и заменили предыдущую запись div. то есть первая запись div заменяется новой записью div. Мне нужна индивидуальная запись div с соответствующим значением флажка.пожалуйста, помогите мне ?

Что я уже пробовал:

Я столкнулся с проблемой в angularjs. Там есть динамический флажок, когда я установил флажок, соответствующие данные заполняются в div, который в порядке. Но когда я поставил еще один флажок, данные пришли в div и заменили предыдущую запись div. то есть первая запись div заменяется новой записью div. Мне нужна индивидуальная запись div с соответствующим значением флажка.пожалуйста, помогите мне ?

NaibedyaKar

Немного не ясно с требованиями.

subrata kar

Я заполняю динамический список флажков и там соответствующий <Div></div>. Когда я поставил галочку, соответствующее подразделение будет отображаться с проходящим идентификатором флажка, а когда снял галочку, подразделение закроется. Проблема в том, что когда я поставил флажок показывать данные деления в то же время поставил другой флажок, то другие данные деления показывают, что все в порядке, но данные 1-го деления заменяются данными следующего деления.
--------------------------------------------------------
< tr ng-repeat= "eachworkflowitem in WorkFlowlist">

< td>

в <тип входного="флажок" название="WorkFlowlist" НГ-изменение="ActivityListByWorkflowId($событие, eachworkflowitem.WorkFlowId)"
value= " '{{eachworkflowitem.WorkFlowId}}'" ng-model= " checkedGroupIds[eachworkflowitem.WorkFlowId] " /> {{ eachworkflowitem.WorkFlowName }}

< div id= " WF_{{eachworkflowitem.WorkFlowId}}" ng-show= " checkedGroupIds[eachworkflowitem.WorkFlowId] " >

<!-- ActiviyListForEachWorkflow-->

&ЛТ;див класс=коробка-сплошные"окна" и GT;
<div class= "box-header">
<!--

{{eachworkflowactivityitem.WorkFlowName}}

-->
< / div>
< div class= "box-body">

< div class= "box-body">
< input type= "hidden" name= "ActivityCount" />
< table class= "таблица">
< thead>
<tr>
< th>
Название Деятельности
< / th>
< th>
время выполнения заказа
< / th>
< th>
Продавец
< / th>
< / tr>
< / thead>

< tr ng-repeat= "eachActivityitem in ActivityList">
< td>
в <тип входного="скрытый" имя="значение activityid" значение="{{eachActivityitem.Activity_ID}}" /&ГТ;
в <тип входного="скрытый" имя="ProjectTypeID" значение="{{eachActivityitem.Project_Type_ID}}" /&ГТ;
{{eachActivityitem.Activity_Name}}
< / td>
&ЛТ;тд&ГТ;&ЛТ;тип входного="текст" имя="Lead_Time" значение="{{eachActivityitem.Lead_Time

1 Ответов

Рейтинг:
2

W∴ Balboos, GHB

Всегда полезно вернуться к основам, то есть к реальному javaScript, и узнать, что вы на самом деле делаете (или, в данном случае, делаете фреймворк angularjs).

Проверка / снятие флажка вызывает событие. Это может быть использовано (обработано) для запуска функции javaScript. Эта функция прямо (или косвенно, например, через AJAX) может быть использована для изменения содержимого вашей страницы. Элемент на странице, который будет изменен (цель), должен иметь уникальное значение идентификатора. Используя функциональность DOM javaScript, вы обновляете содержимое вашего элемента DIV, выбирая именно тот, который вы хотите обновить по его значению. уникальный ИДЕНТИФИКАТОР.

Другой флажок также вызовет событие, и это также должно быть обработано. Это может быть тот же обработчик событий, что и первый флажок, или иметь свой собственный. Если вы хотите использовать один и тот же обработчик событий (эффективный), то вам нужно передать идентификатор обработчику, чтобы он знал, какой флажок был установлен. Затем, используя оператор switch, вы можете настроить таргетинг на обновление правильного DIV с правильным текстом.

Учебные пособия: Учебник По JavaScript[^] и в этом учебнике, Примеры JavaScript HTML DOM[^]