Need documentation for Custom Module

[Ploppy3]

According to the changelog of Beta 3 it is recommended to create our own Material module to reduce app size.

But I can't find any documentation on how to create my own Material module.

[fxck]

https://angular.io/docs/ts/latest/guide/ngmodule.html

[Ploppy3]

I know how to create an Angular module. What I don't know is what we are supposed to import from @angular/material, do you ?

[fxck]

You are supposed to import whatever modules you are using in your app, ie. MdButtonModule. Either way, this is neither a bug report or feature request, support requests are better suited for gitter or stackoverflow.

[Ploppy3]

This is what I do:

import { MdButtonModule } from "@angular/material";

@NgModule({
  imports: [
    MdButtonModule
  ],
})
export class MyMaterialModule { }

And in my app.module.ts I import MyMaterialModule and everything breaks.
Am I missing something obvious ?

[fxck]

Are you sure you "know how to create an angular module" or that you actually read the guide I pointed you to? This section in particular https://angular.io/docs/ts/latest/guide/ngmodule.html#!#shared-module ?

[Ploppy3]

Why not point out my mistake? Imports instead of Exports...

That doesn't change the fact that the documentation is missing.

[mackelito]

All working! All Good!
Stay safe, happy and helpful!

[jelbourn]

Updated the getting started guide with an example.

[candidosales]

import { NgModule }      from '@angular/core';
import {
  MdButtonModule,
  MdSnackBarModule,
  MdCardModule,
  MdInputModule,
  MdCheckboxModule,
  MdIconModule,
  MdSidenavModule,
  MdSelectModule,
  MdToolbarModule,
  MdListModule,
  MdProgressBarModule,
  MdProgressSpinnerModule } from '@angular/material';
import 'hammerjs';


@NgModule({
    imports: [
      MdButtonModule,
      MdSnackBarModule,
      MdCardModule,
      MdInputModule,
      MdCheckboxModule,
      MdIconModule,
      MdSidenavModule,
      MdSelectModule,
      MdToolbarModule,
      MdListModule,
      MdProgressBarModule,
      MdProgressSpinnerModule ],
    exports: [
      MdButtonModule,
      MdSnackBarModule,
      MdCardModule,
      MdInputModule,
      MdCheckboxModule,
      MdIconModule,
      MdSidenavModule,
      MdSelectModule,
      MdToolbarModule,
      MdListModule,
      MdProgressBarModule,
      MdProgressSpinnerModule ]
})
export class CustomMaterialModule {  }

My example :)

[attilacsanyi]

AFAIK @candidosales the imports section in your CustomMaterialModule is not necessary needed as CustomMaterialModule is just for exporting required material components for your app and help to reduce your bundle during AOT ;-)

[alexfung888]

It is a bit annoying to repeat the list of modules in the ES5 import and the export annotation.

Does it make any difference to import hammer here? Seems I'll need to import hammer in appmodule again, since I can't export it from here.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}