dharmeshpipariya-zz/md2

[We have moved our Repository on https://github.com/promact/md2 please refer it for latest implementation.] Angular2 based Material Design components, directives and services are Accordion, Autocomplete, Collapse, Colorpicker, Datepicker, Dialog(Modal), Menu, Multiselect, Select, Switch, Tabs, Toast and Tooltip.

md2's Issues

'md2-select-header' is not a known element

Hello,

I have two issues with md2-select.

The first one is when I'm using md2-select-header it is throwing 'md2-select-header' is not a known element.

And the second is for datapipe - The pipe 'dataPipe' could not be found

Thanks
Bogdan

This project is not compatible with angular 4.

Getting this error
md2.umd.js:9 Uncaught TypeError: Cannot read property 'Observable' of undefined
at c (md2.umd.js:9)
at md2.umd.js:10

Open colorPicker on Focus on input

I want to open the md2-colorpicker when it focus on input, Can I know it is ther with current one?

Compile component to ES5

Hello, first of all, congratulate them for the work they are doing.

I 'm looking for solutions.
I 'm developing an app with meteor - angular2 - typescript , but when trying to use these components ( MD2 ) leave some numbers example : // 215 // 216 // 217 around all components and css styles are not loaded .
And is the cause of the problem is they have written their comoponentes using ES6 and new quotes ``. You could compile your components to ES5 as does @justindujardin https://github.com/justindujardin/ng2-material ? Any other solution.

Thank you

Information on md2-select for angular 2.4.x versions

We are planning to use Angular 2.4.7 version and the application will be used in IE browser only .
I am looking for a select dropdown feature from a 3rd party resource . The IE select drop feature doesnot look good ,

So does your package work well on IE browser(ie 10 + ) ?
When displaying data in the select drop down can we pass data of any interface object type OR is there any standard way of dealing with it in this package ?
(Eg : I might have an object with many properties and, one of the property values would be used for the drop down values. and on select I could pass the whole object to the backend )

[feature request] Combine Multiselect with autocomplete

It is possible to combine multiselect with autocomplete?

<md2-multiselect [items]="items" autocomplete="true" [item-text]="'name'" [(ngModel)]="item" (change)="selected($event)" placeholder="Placeholder Text"> </md2-multiselect>

md2-select not working on firefox

Hi,

I am using md2 library for forms in an application. Below is the sample code for the select.
It works perfectly in chrome. Could anyone help me undertsand if i am missing something to make it work in firefox

<md2-select id="tes" (change)="onChange($event)" formControlName="year">
<md2-option *ngFor="let vehYear of vehYears" [value]="vehYear.value" [selected]="vehYear.value==vehicleInfo.year">{{vehYear.label}}

Tags

on tags.ts you have to update the filterMatches and reset the query lastIndex each time

private filterMatches(query: RegExp) {
let tempList = this._tags.map((tag: any) => new Tag(tag, this.textKey, this.valueKey));
this.list = tempList.filter((t: Tag) => (query.test(t.text) && !this.items.find((i: Tag) => t.text === i.text)));
if (this.list.length > 0) {
this.focusedTag = 0;
}
}

query.lastIndex= 0;

this is how i have fixed the code:
`private filterMatches(query: RegExp) {
let tempList = this._tags.map((tag: any) => new Tag(tag, this.textKey, this.valueKey));

//this.list = tempList.filter((t: Tag) => (query.test(t.text) && !this.items.find((i: Tag) => t.text === i.text)));
  this.list = new Array();
  for (let t of tempList){
      query.lastIndex= 0;
      var res = query.test(t.text);
      if (res){
          this.list.push(t);
      }
  }
if (this.list.length > 0) {
  this.focusedTag = 0;
}

}
`

data-table pagination don't work correct

Hello,

md2-rows: When we change select list 'Rows per page' and then change page number, we will see not correct count rows. For example. Change 'Rows per page' on 5 rows and choose page number 2. We don't see 5 rows on page, we will see more then 15 rows. This you will see in demo application

Can compilerOptions->target be changed to ES5?

Currently ES6 is used by md2 for generating .js files for distribution.
According to this document: https://angular.io/docs/ts/latest/guide/typescript-configuration.html , Angular2 applications are suggested to use ES5 as the target.

I am using ES5 as the target of my Angular2 application. While testing the application, I got this error message:
PhantomJS 2.1.1 (Mac OS X 0.0.0) ERROR SyntaxError: Unexpected token 'const' at (path to my project directory)/karma-test-shim.js:62009 <- webpack:///~/md2/src/components/select/select.js:11:0
I guess that is because select.js is targeted to ES6.