2016-07-06 2 views
-1

У меня есть следующие plunker прилагаетсяAngularjs Модальные + вход автозаполнения (Plunker прилагается)

http://plnkr.co/edit/3H2q4eVJW5h0K3EdJIBe?p=preview

<html> 
</html> 

Согласно plunker, у меня есть 3 проблемы, которые я не могу исправить.

1) Когда пользователь нажимает кнопку «добавить строку», появляются 3 поля ввода. 2,3 и 1. Я хочу, чтобы последовательность была 1,2, а затем 3. 1 - это поле ввода автозаполнения, которое должно быть сверху. Если я верну 1, я не буду видеть 2 и 3.

2) Кнопки ОК и Закрыть не закрываются. Я делаю что-то неправильно в функции? Нажатие «ok» должно позволить мне получить выбранное значение на входе 1. Нажатие «cancel» должно закрыть модальный

3) Если вы видите $ scope.fetchList, оно имеет значение JSON. Я хочу, чтобы $ scope.fetchList использовал массив. Какие изменения необходимо сделать, чтобы получить следующее. Ниже приведен пример элементов списка автозаполнения.

$scope.fetchList = ["ActionScript","AppleScript","Asp","BASIC","C"]; 

ответ

1

Я раздвоенный ваш звенеть here

Вот как я обратился ваши вопросы:

Выпуск 1

Я просто обернут свои элементы в сНу-х

<div> 
    <div> 
     <br> Select name:&nbsp;&nbsp; 
     <autocomplete placeholder="Enter sedol" style="width:29%" selection="selection" source="fetchList" /> 
    </div> 
    <div> 
     <br> Given Data1:&nbsp;&nbsp; 
     <input type="text" readonly> 
    </div> 
    <div> 
     <br> Given Data2:&nbsp;&nbsp; 
     <input type="text" readonly> 
    </div> 
    </div> 

Выпуск 2

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

Выпуск 3

Я не понимаю этого вопроса. fetchList() уже возвращает массив, хотя и массив объектов, а не массив строк. Изменение его на массив строк разбивает всевозможные коды в вашей директиве.

+0

@ jbrown- для 3-й проблемы, вот я пытаюсь сделать это. Вместо этих жестко закодированных значений я пытаюсь получить значения из базы данных. так что это был бы другой формат, чем здесь. он имеет objectarray с id и именем в нем. Значение базы данных будет отличаться. правильно ? – Patrick

+1

@Patrick - То, что вы на данный момент имеете на стороне клиента, является обычным для автозаполнения. Я не знаю конкретно, что происходит из вашей api (базы данных), но я подозреваю, что он либо возвращается, либо может быть возвращен как массив объектов JSON. – jbrown

+0

@ Jbrown- один последний запрос, как только я выбираю элемент автозаполнения, и он обновляется во входе '1', и я закрываю модальный способ, как получить выбранное значение? – Patrick

Смежные вопросы