angular2-mdl | 易学教程

Binding element 'index' implicitly has an 'any' type

阅读更多关于 Binding element 'index' implicitly has an 'any' type

问题 Using the demo project of angular2-mdl as a guide I ported the tab component and tried to implement it as follow: import { Component } from '@angular/core'; @Component({ selector: 'my-dashboard', templateUrl: './landing.my.html' }) export class MyDashboard { public activeIndex = 0; public tabChanged({index}): void { this.activeIndex = index; } } and the template is: <mdl-tabs mdl-ripple mdl-tab-active-index="0" (mdl-tab-active-changed)="tabChanged($event)"> <mdl-tab-panel mdl-tab-panel-title=

angular2-mdl: Break layout in components does not work

阅读更多关于 angular2-mdl: Break layout in components does not work

问题 For a given layout from the demo-app http://mseemann.io/angular2-mdl/layout <div class="demo-container" mdl-shadow="2"> <mdl-layout mdl-layout-fixed-header mdl-layout-header-seamed> <mdl-layout-header> <mdl-layout-header-row> <mdl-layout-title>Title</mdl-layout-title> <mdl-layout-spacer></mdl-layout-spacer>  <nav class="mdl-navigation mdl-layout--large-screen-only"> <a class="mdl-navigation__link" href>Link</a> <a class="mdl-navigation__link"

angular2-mdl components applied to Angular 2 Quickstart

阅读更多关于 angular2-mdl components applied to Angular 2 Quickstart

问题 I'm trying to use the angular2-mdl component with the Quickstart Angular 2 example (https://angular.io/guide/quickstart). I added these dependencies to the default package.json file: "angular2-mdl": "2.1.0", "@angular2-mdl-ext/popover": "*", "@angular2-mdl-ext/select": "0.4.0", Then I ran "npm install" to download the required modules. I can see the modules just installed in my node_modules dir. Eventually I added: 'angular2-mdl': 'npm:angular2-mdl' to the default systemjs.config.js file: map

Angular2 (angular-cli) and Material Design Lite (angular2-mdl)

阅读更多关于 Angular2 (angular-cli) and Material Design Lite (angular2-mdl)

问题 I'm having some issues starting an Angular2 project using the angular2-mdl package. My project setup is using angular-cli (webpack) - https://github.com/angular/angular-cli I am trying to integrate Google Material Design Lite (https://getmdl.io/started/index.html) using the angular2-mdl package (https://www.npmjs.com/package/angular2-mdl). The angular2-mdl setup steps are fairly simple: npm install angular2-mdl --save Apparently that is it... and it should work. But it doesn't. I've got to a

Angular2-mdl and webpack

阅读更多关于 Angular2-mdl and webpack

问题 I have followed to steps provided at https://www.npmjs.com/package/angular2-mdl and got Angular2-mdl working flawlessly, but now I'm stuck at the point where I want to include MDL's scss files. I have not extended angular-cli-build.js, and don't think I actually have to. So, where to I set the SASS compiler options, when using webpack only? So far I have tried to add this to by webpack option: module: { loaders: [ { test: /\.ts$/, loader: 'awesome-typescript-loader', exclude: [/\.(spec|e2e)\

angular2-mdl: Break layout in components does not work

阅读更多关于 angular2-mdl: Break layout in components does not work

For a given layout from the demo-app http://mseemann.io/angular2-mdl/layout <div class="demo-container" mdl-shadow="2"> <mdl-layout mdl-layout-fixed-header mdl-layout-header-seamed> <mdl-layout-header> <mdl-layout-header-row> <mdl-layout-title>Title</mdl-layout-title> <mdl-layout-spacer></mdl-layout-spacer>  <nav class="mdl-navigation mdl-layout--large-screen-only"> <a class="mdl-navigation__link" href>Link</a> <a class="mdl-navigation__link" href>Link</a> <a class="mdl-navigation__link" href>Link</a> </nav> </mdl-layout-header-row> </mdl-layout

ctorParameters.map is not a function in angular2-mdl

阅读更多关于 ctorParameters.map is not a function in angular2-mdl

I'm trying to use angular2-mdl with angular-cli. I imported MdlModule in app.module.ts. When I try to use <mdl-textfield type="text" label="Text..." floating-label></mdl-textfield> , it makes an error: ctorParameters.map is not a function in angular2-mdl I have no idea what I should do. Here is my angular-cli.json. "dependencies": { "@angular/common": "~2.0.0", "@angular/compiler": "~2.0.0", "@angular/core": "~2.0.0", "@angular/forms": "~2.0.0", "@angular/http": "~2.0.0", "@angular/material": "^2.0.0-alpha.9-3", "@angular/platform-browser": "~2.0.0", "@angular/platform-browser-dynamic": "~2.0

ctorParameters.map is not a function in angular2-mdl

阅读更多关于 ctorParameters.map is not a function in angular2-mdl

问题 I\'m trying to use angular2-mdl with angular-cli. I imported MdlModule in app.module.ts. When I try to use <mdl-textfield type=\"text\" label=\"Text...\" floating-label></mdl-textfield> , it makes an error: ctorParameters.map is not a function in angular2-mdl I have no idea what I should do. Here is my angular-cli.json. \"dependencies\": { \"@angular/common\": \"~2.0.0\", \"@angular/compiler\": \"~2.0.0\", \"@angular/core\": \"~2.0.0\", \"@angular/forms\": \"~2.0.0\", \"@angular/http\": \"~2