В моем приложении около 100 экранов, из которых 25 экранов поиска. Каждый экран поиска имеет несколько общих черт.
Например:
Screen #1:
**Label** **Input type**
First name: Textbox
Date: Date picker
Some other text boxes or radio buttons
Screen #2:
**Label** **Input type**
Other name: Textbox
Date: Date picker
Some other text boxes or radio buttons
По сути, я перевожу свое приложение servlet / jsp на Angular 6. Сегодня я снова проверил, как я могу объявить компоненты и использовать их повторно. Я еще не полностью понял синтаксис и структуру angular 6, и я учусь, пока мы говорим.
То, что я сейчас имею в виду:
В моем @Component у меня может быть что-то вроде этого:
@Component({
selector: 'custom_elem',
template: `
Generate html as per parameters provided by user
`
export class SubscriberComponent implements OnInit {
@Input() parameters;
}
И я передаю такие параметры для Screen #1:
<custom_elem [parameters]="['First Name', 'textbox', 'Date', 'datepicker']"></custom_elem>
Обратите внимание, что первым элементом в объекте является label name, за которым следует input field type.
Таким образом, сгенерированный html из компонента будет:
First Name: <input type="text" />
Date: <input type="date" />
Используя эти параметры, я хочу создать HTML-код в моем компоненте.
Q1. Это возможно?
Q2. Если да, то как? [Пожалуйста, объясните, так как сегодня мой первый день опыта угловых, у меня нет опыта работы с этим]
Примечание: я также сталкивался с угловыми элементами, и я не хочу его использовать, потому что я прочитал, что он еще не полностью поддерживается браузерами. Поэтому я не смогу одобрить его в своей организации.
Дайте мне знать в комментариях, если потребуется дополнительная информация. Заранее спасибо.