Как получить динамические данные JSON, используя чекбоксы в угловых JS?

Question

Как получить динамические данные JSON, используя чекбоксы в угловых JS?

0

Я так много борюсь и нахожу столько ссылок и статей, но не могу получить решение. У меня такой массив

$scope.cols=[
   {"dpname":"partname","search":'',"qparam":''},
   {"dpname":"partid","search":'',"qparam":''},
   {"dpname":"partdesc","search":'',"qparam":''}
];

Я показываю массив, используя ng-repeat, а также повторяю флажки. когда я нажимаю парикулярный флажок, нужно открыть одно текстовое поле. Данное значение ng-модели в текстовом поле заменяется на этот конкретный флажок

Здесь я прикрепил ссылку на скрипку, которую я пробовал: http://jsfiddle.net/soumyagangamwar/3dygzn8e/

Пожалуйста, помогите мне решить

Soumya Gangamwar 09 авг. 2016, в 12:22

Источник

0

Вы пропустили, чтобы задать вопрос? Что вы пытаетесь достичь? Запишите функцию вниз.
Alok 09 авг. 2016, в 10:02
0

Вы хотите открыть только текстовое поле под флажком?
Olivier Boissé 09 авг. 2016, в 10:03
0

Ваш код почти не читается, я обновил вашу скрипку
Olivier Boissé 09 авг. 2016, в 10:09

Показать ещё 1 комментарий

Теги:

javascript

angularjs

json

2 ответа

Ещё вопросы

Вы пропустили, чтобы задать вопрос? Что вы пытаетесь достичь? Запишите функцию вниз.
Вы хотите открыть только текстовое поле под флажком?
Ваш код почти не читается, я обновил вашу скрипку

Alok · Answer 1 · 2016-08-09T07-55-00.000Z

Посмотрите на эту скрипку

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

<span ng-if="displayName">
   <input type="checkbox" id="searchName{{$index}}" ng-model="searchname[$index]" ng-change="changeColVisibility(col)">
</span>

<div ng-show="col.show">
  <input type="text" ng-model="name">
  <input type="button" value="submit" ng-click="setName(col)">
</div>

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

Yasser Jaber · Answer 2 · 2016-08-09T07-22-00.000Z

Я изменил ваши файлы в этой ссылке

jsfiddle.net/3dygzn8e/1/

в основном, я сделал следующее:

добавьте новый столбец в массив с именем ischeched и по умолчанию он будет false. это означает состояние проверки флажка
привяжите флажок к col.ischecked
Я изменил условие ng-show текстового поля на ng-show = "col.ischecked"

сообщите мне, помогло ли это решить проблему.

Благодарю!

команда smartdigitizers