2016-10-15 2 views
0

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

Однако я имею вопрос я не понял точно, как исправить еще:

Входы и метки работают замечательно, однако Флажки и выберите Dropdowns не работает как задумано ...

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

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

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

Чтобы получить доступ к флажкам, вы должны законно заполнить форму (или хотя бы ввести действительное десятизначное число внизу) после того, как вы это сделаете, появится первый флажок, спрашивающий, превышает ли вас 18, затем появляется еще один флажок, спрашивающий, живете ли вы в США. Если оба эти флажка отмечены, открывается раскрывающийся список выбора со статусами.

Вот ссылка на плункер, любая помощь будет принята с благодарностью!

https://plnkr.co/edit/ADpFUHb2U2j9Q93uWUwN?p=info

<script type="text/ng-template" id="checkbox-template.html"> 
    <input type="{{options.templateOptions.type || 'checkbox'}}" 
     class="form-control" 
     id="{{id}}" 
     formly-dynamic-name="id" 
     formly-custom-validation="options.validators" 
     placeholder="{{options.templateOptions.placeholder}}" 
     aria-describedby="{{id}}_description" 
     ng-required="options.templateOptions.required" 
     ng-disabled="options.templateOptions.disabled" 
     ng-model="model[options.key]"> 
</script> 

PS: Кроме того, одна последняя вещь ... Я хотел, чтобы сделать поля ввода меньше, однако, когда я делаю что флажков в конечном итоге в середине текста (если они должным образом размером без шаблона и двойным ярлыком --- вот почему они сейчас посередине экрана - вокруг того же места они будут, когда они не будут огромными)

ответ

0

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

Я искал какой-то другой код на формальных примерах веб-сайтов, которые делают подобные вещи с сообщениями без создания этих шаблонов таким образом, и как только я сменил код, который он ушел, и остановил его ...

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