Как передать значения флажков в AngularJS, используя ng-модель в сочетании с ng-repeat

Question

Как передать значения флажков в AngularJS, используя ng-модель в сочетании с ng-repeat

0

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

Вначале фильтры содержали несколько блоков выбора со значениями, полученными из ajax-вызова, и выбранные значения были отправлены обратно с использованием ng-модели. Он работал нормально.

Теперь требование состоит в том, чтобы преобразовать несколько полей выбора в флажки, и мне удалось создать этот флажок.

Я сталкиваюсь с проблемами, когда пользователи вводят поисковый запрос и выбирают один из флажков, я не могу получить выбранное значение флажка в app.js для фильтрации результатов.

<div class="col-lg-3">
    <h3 class="m0 pb-lg">Filters</h3>
    <div class="form-group mb-xl">
         <form method="get" ng-controller="SearchController as form" class="form-horizontal">
            <label class="control-label mb">By Type of Study</label><br><label class="checkbox-inline c-checkbox" ng-repeat="s in form.typeOfStudies">
            <input type="checkbox" ng-model="search.typeOfStudy" ng-true-value="'YES'" ng-false-value="'NO'">
                <span class="fa fa-check"></span>{{s}}</input>
            </label>
            <br>
        </form>
    </div>
</div>
</div>

Приложение app.js содержит:

 $scope.getById = function (id) {
           if (id.typeOfStudy){
            $.each(id.typeOfStudy, function() {
                    if (count < id.typeOfStudy.length) {
                        count++;
                        qTypeOfStudy += "'" + this + "',";
                    }
                    else if (count == id.typeOfStudy.length) {
                        qTypeOfStudy += "'" + this + "'";
                    }
            })
        }
  }

getById передается при отправке основного текста в строке поиска на странице.

CalmWinds 03 нояб. 2015, в 18:26

Источник

0

Вы можете использовать ng-click для значения в контроллер
Shohel 03 нояб. 2015, в 16:57
0

ты можешь написать плункер?
Shohel 03 нояб. 2015, в 16:58
0

Спасибо за ответ @Shohel, не могли бы вы поделиться примером или ссылкой?
CalmWinds 03 нояб. 2015, в 16:58
0

конечно, почему нет?
Shohel 03 нояб. 2015, в 16:59
0

Я могу попробовать, но это часть огромного приложения, поэтому я постараюсь сделать все возможное, чтобы создать его.
CalmWinds 03 нояб. 2015, в 17:01
2

Смешивать JQuery и Angular очень сложно для отладки.
ryanyuyu 03 нояб. 2015, в 17:03

Показать ещё 4 комментария

Теги:

javascript

jquery

angularjs

checkbox

1 ответ

Ещё вопросы

Вы можете использовать ng-click для значения в контроллер
Спасибо за ответ @Shohel, не могли бы вы поделиться примером или ссылкой?
Я могу попробовать, но это часть огромного приложения, поэтому я постараюсь сделать все возможное, чтобы создать его.
Смешивать JQuery и Angular очень сложно для отладки.

batmaniac7 · Answer 1 · 2015-11-03T16-04-00.000Z

Я использую какое-то значение из списка ng-repeat чтобы быть идентификатором, вы можете иметь что-то, что у вас есть, s in form.typeOfStudies. что-то вроде этого:

<div ng-repeat="modelList in modelsLists">
<input type="checkbox" ng-model="selection.ids[modelList.id]" id="{{modelList.id}}"/>
</div>

Инициализация в JS:

$scope.selection = {
        ids: {}
    };

и установите флажок:

if($scope.selection.ids[id]){
    // do something
}