Я поместил свои пользовательские ссылки в раскрывающемся списке, и он должен открывать всплывающую форму или диалоговое окно в зависимости от ссылки, по которой нужно щелкнуть.Я использую загрузчик 4.
Вот мой код:
findUser($) {
this.user.getById($.target.id).subscribe(res => {
if (res.success === true) { this.isEdit = true; this.singleUser = res.data[0]; console.log('editable', this.singleUser) }
else {
this.toastr.error('An Error Occured, Please Try Again.', '', {
timeOut: 3000,
positionClass: 'toast-top-center'
});
}
})
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<td>
<div class="dropdown">
<button class="btn btn-info dropdown-toggle" aria-haspopup="true" aria-haspopup="true" type="button" data-toggle="dropdown">Action
<span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a id='{{item._id}}' (click)='findUser($event)' data-toggle="modal" data-target="#m_modal_5">Edit</a></li>
<li><a id="{{item._id}}" (click)='deleteUser($event)'>Delete</a></li>
</ul>
</div>
</td>
Может кто-нибудь сказать, в чем проблема?Я пробовал Google, но эти решения не сработали.
Решено: https://github.com/angular-ui/bootstrap/issues/2294