флажки angularjs внутри печатающей головки? - PullRequest
Новая
       10

флажки angularjs внутри печатающей головки?

0 голосов
/ 18 апреля 2019

На странице angularjs есть заголовок типа uib, который позволяет пользователю выбрать один или несколько «классов» для применения к «транзакции».(Учет «классов», а не программных классов.)

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

Модель состоит из объекта с ключом по имени модели, где значение устанавливается флажком "true" (или иногда false, если проверено изатем снимите флажок.)

У меня небольшая проблема, потому что моя печатающая головка uib выбирает и закрывает раскрывающийся список, когда я проверяю любой из флажков, и я не думаю, что проверка когда-либо пройдет, потому чтообъект модели не заполняется, когда я что-то проверяю. 

<div id="choose-classes">
<input placeholder="Select other Quickbooks classes"
  typeahead-editable="false" 
  uib-typeahead="myitem.name for myitem in otherClasses | 
  filter:$viewValue" class="form-controler"
  ng-model="currentSelection"
  typeahead-template-url="addClassTemplate.html"
/>

Вот шаблон: 

<script type="text/ng-template" id="addClassTemplate.html">
  <span class="add-class-check"><input type="checkbox"  
     ng-model="selectedClasses.classNames[myitem.name]"/>
  </span>
  <span ng-bind-html="match.label | uibTypeaheadHighlight:query></span>
</script>

Javascript в контроллере инициализируется как: 

$scope.selectedClasses = {};

Итак, а) как я могу остановить закрытие печатающей головки, когда пользователь устанавливает флажок, и б) как мне подключить ng-модель к элементу флажка для заполнения?Сейчас, кажется, флажок ничего не делает.

...