Я думаю, вы ищете что-то вроде этого, не так ли?
Лучше вы создадите фрагмент & amp; заново создайте свою проблему, чтобы каждый мог поймать идею & amp; помогите вам.
Проблема в том, что вы устанавливаете элемент position: absolute
, поэтому просто сохраняете позицию на основе ее родителя relative
. Прокрутка не будет перемещать его.
Этот пример поможет вам лучше понять, как работает позиция https://codepen.io/AlHakem/pen/YayxBo
.scroller {
max-height: 150px;
overflow-y: scroll;
height: 150px;
float: left;
width: 200px;
}
.item {
position: relative;
}
.temp-description-popup {
visibility: hidden;
height: 0px;
}
.item:hover>.temp-description-popup {
visibility: visible;
height: auto;
padding: 4px;
background-color: #f1f1f1;
border-radius: 4px;
position: absolute;
top: 25px;
z-indeX: 2;
}
No. & Listing of Ashrams
No. & Listing of Ashrams
No. & Listing of Ashrams
No. & Listing of Ashrams
No. & Listing of Ashrams
No. & Listing of Ashrams
Вам необходимо создать условную пользовательскую функцию валидатора. Пожалуйста, перейдите по ссылке ниже
Условно реализуйте валидацию в полях формы реактивной формы Angular 2
Если вы хотите условно установить Validator, замените квадратные скобки на круглые:
name: ['Benedict', (this.someCode == true ? Validators.required : ''])
И если this.someCode
изменяется динамически, помимо пользовательского валидатора, я могу предложить переписать управление при изменении someCode
:
let newControl = new FormControl('', [Validators.required])
this.myForm.setControl('name', newControl)