To get individual blog details in the modal you need to pass the blog id to the modal as a prop. It can be done by adding blog.id in the button data-target prop and receive the blog.id in modal id prop. the solution in given below, {% for blog in blogs %} <div class=”col-xl-12 col-md-6 … Read more
listen to the form submission event $(‘form’).submit(function (e) { var form = this; e.preventDefault(); setTimeout(function () { form.submit(); }, 10000); // in milliseconds $(“<p>thank you for your submittion</p>”).appendTo(“body”); }); or try this: $(“#submission_button”).on(“click”, function(e) { e.preventDefault();//prevent default action }); 1 solved Adding a ‘Thank You’ popup after I click ‘Submit’ on Bootstrap Modal form? [closed]
each time you wanna handle action in child component from parent component like submit you have two choice one create service and subscribe to the actionStatus property export class CtrlActionService { private actionStatus = new Subject<any>(); constructor() {} //ctrl submit action public callAction() { this.actionStatus.next(true); } public getAction(): Observable<boolean> { return this.actionStatus.asObservable(); } } parent.component.ts … Read more
Introduction The Bootstrap framework is a popular front-end development tool used to create responsive websites and web applications. One of the most common elements used in Bootstrap is the button tag. The button tag is used to create clickable buttons that can be used to trigger actions or navigate to other pages. One of the … Read more
This is used to specify the default action of the button. The button type states that “it has no default behavior. It can have client-side scripts associated with the element’s events, which are triggered when the events occur.” Normally, this is how a button would act by itself. However, a button is normally found within … Read more
my sulotion (need to use a Directive) –html button.component.html <button class=”btn btn-danger” style=”width: 110px” appButton” ></button> –Typescript button.directive.ts @Directive({ selector: ‘[appButton]’ }) export class ButtonDirective implements OnInit { constructor(private elRef: ElementRef, private renderer: Renderer2) { } ngOnInit() { } @HostListener(‘mousedown’) onmousedown(eventData: Event) { if (this.elRef.nativeElement.style.backgroundColor === ‘blue’) { this.renderer.setStyle(this.elRef.nativeElement, ‘background-color’, ‘rgba(200,0,0,0.7)’); } else { this.renderer.setStyle(this.elRef.nativeElement, … Read more