Использование AngularStrap с AngularMaterial

Question

Использование AngularStrap с AngularMaterial

0

У меня есть форма, созданная с элементами AngularMaterial.

В ngMaterial нет выбора времени, поэтому я решил использовать AngularStrap.

Он работает хорошо, кроме как с визуального аспекта. Ввод выбора времени не похож на остальные входы ngMaterial.

Есть ли способ исправить это и сделать элементы ввода AngularStrap стилизованными как остальная часть моей формы, используя ngMaterial?

dearn44 21 авг. 2015, в 11:21

Источник

0

Вы должны взглянуть на CSS, используемый угловым материалом, и переопределить CSS AngularStrap. Но я не уверен, что вы можете получить точно такой же дизайн легко
ThibaudL 21 авг. 2015, в 08:45
0

Разве что-то подобное не работает? : <md-input-container> <label>date</label> <input ng-model="myDate" type="email" data-min-date="{{fromDate}}" placeholder="Until" bs-datepicker> </md-input-container>
ThibaudL 21 авг. 2015, в 08:48
0

@ThibaudL Я бы так и сделал, но CSS-файл ngStrap находится внутри его второго js-файла, поэтому я не был уверен, что знаю, как с этим связываться. Ваше второе предложение работает нормально, но когда я щелкаю по входу, результирующее всплывающее окно масштабируется до размера этого ввода (ведь он слишком мал), и поэтому даты накладываются друг на друга. Это, вероятно, не имеет ничего общего с вашим решением, поэтому я постараюсь найти ошибку самостоятельно. Вы можете добавить это как ответ?
dearn44 21 авг. 2015, в 08:54
0

Я добавил его, и, как я уже сказал, я думаю, что ваша проблема заключается в адаптации обоих CSS для совместной работы
ThibaudL 21 авг. 2015, в 08:59

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

Теги:

javascript

angularjs

angular-strap

1 ответ

Ещё вопросы

Вы должны взглянуть на CSS, используемый угловым материалом, и переопределить CSS AngularStrap. Но я не уверен, что вы можете получить точно такой же дизайн легко
Разве что-то подобное не работает? : <md-input-container> <label>date</label> <input ng-model="myDate" type="email" data-min-date="{{fromDate}}" placeholder="Until" bs-datepicker> </md-input-container>
@ThibaudL Я бы так и сделал, но CSS-файл ngStrap находится внутри его второго js-файла, поэтому я не был уверен, что знаю, как с этим связываться. Ваше второе предложение работает нормально, но когда я щелкаю по входу, результирующее всплывающее окно масштабируется до размера этого ввода (ведь он слишком мал), и поэтому даты накладываются друг на друга. Это, вероятно, не имеет ничего общего с вашим решением, поэтому я постараюсь найти ошибку самостоятельно. Вы можете добавить это как ответ?
Я добавил его, и, как я уже сказал, я думаю, что ваша проблема заключается в адаптации обоих CSS для совместной работы

ThibaudL · Accepted Answer · 2015-08-21T06-58-00.000Z

Это должно сделать это, но вам, возможно, понадобится небольшое обновление css, чтобы все было аккуратно:

<md-input-container> 
    <label>date</label> 
    <input ng-model="myDate" type="email" data-min-date="{{fromDate}}" placeholder="Until" bs-datepicker> 
</md-input-container>