I have taken some free downloadable template which is built in bootstrap,
CSS and Jquery.
If I try to render the html contents in the index.html file (with proper
references for CSS,JS) the application/functionality works fine
The functionality i am referring here is expand/collapse feature of the
left side menu bar written in css/jquery as part of the template. But when
I try to render the same html as a angular2 component (as angular2 HTML
templateUrl) the above menu functionality is not working
My Layout.ts component is as follows
@Component({
selector: 'MenuLayout',
templateUrl: './HTML/Layouts/Layout.html',
providers: [ClientAPIService, Constants],
*encapsulation: ViewEncapsulation.None*
})
Layout.html file contains all the related HTML tags with CSS classed
referred in it.
In Index.html file, all the CSS are referred
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="fonts/css/font-awesome.min.css" rel="stylesheet">
I have replicated this issue and checked in the code to Github url
<https://github.com/snkrishnan1/Angular2AspNetCore>
can anybody help me resolving with this issue?
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
