Hi team
I need some help, i have an Angular js file called "Modal.js" sitting under Script folder on mvc asp.net project and have installed Angular JS using command on nu-get. Let me share the error, basically want to create modal popup using Angular js on my front end.
// Angular js
import { Component, Input } from '@angular/core'; // Error here Uncaught SyntaxError: Cannot use import statement outside a module"
import { NgbActiveModal, NgbModal } from '@ng-bootstrap/ng-bootstrap';
@Component({
selector: 'ngb-modal-content',
templateL ` <div class="modal-header">
<h4 class= "modal-title" > Hi there!</h4>
<button type="button" class="close" aria-label="Close" (click) = "activeModal.dismiss('Cross click')" >
<span aria-hidden="true">×</span>
</button >
</div >
<div class="modal-body">
<p>Hello, {{name}}!</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-dark" (click)="activeModal.close('Close click')">Close</button>
</div >`
})
// index.chstml
<button class="btn btn-lg btn-outline-primary" (click)="open()"></button>