I am currently facing an issue with the styling in my code while using ng2Material with Angular2.
First: A demonstration of Material style functioning properly can be seen in this plunker. When you click on the button, you will notice an animation effect.
System.config({
//use typescript for compilation
transpiler: 'typescript',
//typescript compiler options
typescriptOptions: {
emitDecoratorMetadata: true
},
//map tells the System loader where to look for things
map: {
app: "./src",
"ng2-material":"https://cdn.rawgit.com/justindujardin/ng2-material/gh-pages/v/0.2.8/ng2-material"
},
//packages defines our app package
packages: {
app: {
main: './main.ts',
defaultExtension: 'ts'
},
'ng2-material': {
defaultExtension: 'js'
}
}
});
Second: This link leads to my plunker, where there is a lack of animation when clicking the button.
System.config({
transpiler: 'typescript',
typescriptOptions: { emitDecoratorMetadata: true },
packages: {
'app': {defaultExtension: 'ts'},
'ng2-material': {defaultExtension: 'js'}
},
map: {"ng2-material":"https://cdn.rawgit.com/justindujardin/ng2-material/gh-pages/v/0.2.5/ng2-material"}
});
System.import('app/main')
.then(null, console.error.bind(console));
What could possibly be causing the missing Material style effect in the second example? Why is it not applying the desired style?