Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Jul 11 2016 19:26

    Splaktar on master

    fix(toast): apply theming corre… perf(icon): better handling of … fix(list): copy ng-show, ng-hid… and 49 more (compare)

  • Jun 15 2016 16:14

    Splaktar on v1.1.0-rc.5

    release: version 1.1.0-rc.5 (compare)

  • May 14 2016 05:55

    Splaktar on master

    feat(panel): initial implementa… update(panel): promise logic im… update(panel): add and remove p… and 44 more (compare)

  • May 05 2016 20:47

    Splaktar on v1.1.0-rc4

    release: version 1.1.0-rc4 (compare)

  • May 05 2016 20:47

    Splaktar on v1.1.0-rc3

    release: version 1.1.0-rc3 (compare)

  • May 03 2016 22:28

    Splaktar on es6-tutorial

    Prepare clean start Remove bow… install angular-material And i… working version of starter-app and 19 more (compare)

  • May 03 2016 22:22

    Splaktar on master

    Tutorial Readme updates Updates for Tutorial #2 Update README with tutorial ste… and 56 more (compare)

  • May 01 2016 22:56

    Splaktar on fixBlurryRightNavIe11

    fix(sidenav): rightNav button a… (compare)

  • May 01 2016 22:37

    Splaktar on master

    fix(dialog): don't clobber md-d… update version number in packag… update(changelog): sort so 1.1.… and 1 more (compare)

  • May 01 2016 22:34

    Splaktar on fixSideNavDemo

    docs(sidenav): leftNav text isn… (compare)

  • Apr 27 2016 04:14

    Splaktar on fixSideNavDemo

    docs(sidenav): invalid `md-whit… (compare)

  • Apr 27 2016 03:54

    Splaktar on master

    update(changelog): add missing … fix(toolbar): remove transition… fix(tests): Cleans up the DOM a… and 2 more (compare)

  • Apr 23 2016 01:32

    Splaktar on master

    update(docs): improve docs for … update(docs): renamed `md-text-… fix(list): clickable list-items… and 71 more (compare)

  • Apr 11 2016 03:20

    Splaktar on improveExtendThemeDoc

    update(docs): improve docs for … (compare)

  • Apr 11 2016 03:15

    Splaktar on improveExtendThemeDocs

    update(docs): improve docs for … (compare)

  • Apr 11 2016 02:57

    Splaktar on updateThemingDocs

    update(docs): renamed `md-text-… (compare)

  • Apr 11 2016 02:48

    Splaktar on master

    fix(demo, codepen): use secure … fix(build, layout): remove depr… update(build): remove stale bow… and 72 more (compare)

  • Apr 11 2016 02:48

    Splaktar on v1.1.0-rc2

    release: version 1.1.0-rc2 (compare)

  • Mar 19 2016 03:00

    Splaktar on master

    fix(checkbox): pointer events d… update(tests): remove disabled/… fix(datepicker): enable scrolli… and 20 more (compare)

  • Mar 13 2016 05:41

    Splaktar on v1.0.6

    Revert "fix(select): made selec… update(layout): add layout-nowr… fix(whiteframe): update breakpo… and 57 more (compare)

Sargo Darya
@SargoDarya
Hey guys, does anyone have any idea how I could change the locale of the datepicker so it displays the date as 25.12.2017 instead of 2017/12/25?
wrong channel, sorry
Githamza
@Githamza

Hi, I would use Flex layout and wrap cards. I should have 3 cards in line but what I get is all cards in line

<div fxLayout="row" layout-wrap fxLayoutAlign="center center" class="containercards">
<div fxFlex="33">
<md-card class="container">
<md-card-title>
Développement Web </md-card-title>
<img md-card-image src="../../assets/icons/browser2.png">

  <md-card-content>
    <p> Typescript, Javascript, PHP, HTML/CSS </p>


  </md-card-content>

</md-card>

</div>
<div fxFlex="33">
<md-card class="container">
<md-card-title>
Développement Logiciel </md-card-title>
<img md-card-image src="../../assets/icons/laptop.png">

  <md-card-content>
    <p>C, R, JAVA </p>


  </md-card-content>
</md-card>

</div>
<div fxFlex="33">
<md-card class="container">
<md-card-title>
Bases de données </md-card-title>
<img md-card-image src="../../assets/icons/database.png">

  <md-card-content>
    <p>MySQL, SQL, Phpmyadmin</p>


  </md-card-content>
</md-card>

</div>
<div FxFlex="33">
<md-card class="container">
<md-card-title>
Framework/CMS </md-card-title>
<img md-card-image src="../../assets/icons/database.png">

  <md-card-content>
    <p>Angular 2/4, NodeJS, Express,Wordpress</p>


  </md-card-content>
</md-card>

</div>
</div>`

`<div fxLayout="row" layout-wrap fxLayoutAlign="center center" class="containercards">

<div fxFlex="33">

<md-card class="container">

<md-card-title>
Développement Web </md-card-title>
<img md-card-image src="../../assets/icons/browser2.png">
<md-card-content>
<p> Typescript, Javascript, PHP, HTML/CSS </p>

</md-card-content>

</md-card>
</div>

<div fxFlex="33">

<md-card class="container">

<md-card-title>
Développement Logiciel </md-card-title>
<img md-card-image src="../../assets/icons/laptop.png">
<md-card-content>
<p>C, R, JAVA </p>

</md-card-content>
</md-card>
</div>

<div fxFlex="33">

<md-card class="container">

<md-card-title>
Bases de données </md-card-title>
<img md-card-image src="../../assets/icons/database.png">
<md-card-content>
<p>MySQL, SQL, Phpmyadmin</p>

</md-card-content>
</md-card>
</div>

<div FxFlex="33">

<md-card class="container">

<md-card-title>
Framework/CMS </md-card-title>
<img md-card-image src="../../assets/icons/database.png">
<md-card-content>
<p>Angular 2/4, NodeJS, Express,Wordpress</p>

</md-card-content>
</md-card>
</div>
</div>`

`

<div fxLayout="row" layout-wrap fxLayoutAlign="center center" class="containercards">

<div fxFlex="33">

<md-card class="container">

<md-card-title>
Développement Web </md-card-title>
<img md-card-image src="../../assets/icons/browser2.png">
<md-card-content>
<p> Typescript, Javascript, PHP, HTML/CSS </p>

</md-card-content>

</md-card>
</div>

<div fxFlex="33">

<md-card class="container">

<md-card-title>
Développement Logiciel </md-card-title>
<img md-card-image src="../../assets/icons/laptop.png">
<md-card-content>
<p>C, R, JAVA </p>

</md-card-content>
</md-card>
</div>

<div fxFlex="33">

<md-card class="container">

<md-card-title>
Bases de données </md-card-title>
<img md-card-image src="../../assets/icons/database.png">
<md-card-content>
<p>MySQL, SQL, Phpmyadmin</p>

</md-card-content>
</md-card>
</div>

<div FxFlex="33">

<md-card class="container">

<md-card-title>
Framework/CMS </md-card-title>
<img md-card-image src="../../assets/icons/database.png">
<md-card-content>
<p>Angular 2/4, NodeJS, Express,Wordpress</p>

</md-card-content>
</md-card>
</div>
</div>
`

Githamza
@Githamza
<div fxLayout="row" layout-wrap fxLayoutAlign="center center" class="containercards">
<div fxFlex="33">
<md-card class="container">
<md-card-title>
Développement Web </md-card-title>
<img md-card-image src="../../assets/icons/browser2.png">
<md-card-content>
<p> Typescript, Javascript, PHP, HTML/CSS </p>
</md-card-content>
</md-card>
</div>
<div fxFlex="33">
<md-card class="container">
<md-card-title>
Développement Logiciel </md-card-title>
<img md-card-image src="../../assets/icons/laptop.png">
<md-card-content>
<p>C, R, JAVA </p>
</md-card-content>
</md-card>
</div>
<div fxFlex="33">
<md-card class="container">
<md-card-title>
Bases de données </md-card-title>
<img md-card-image src="../../assets/icons/database.png">
<md-card-content>
<p>MySQL, SQL, Phpmyadmin</p>
</md-card-content>
</md-card>
</div>
<div FxFlex="33">
<md-card class="container">
<md-card-title>
Framework/CMS </md-card-title>
<img md-card-image src="../../assets/icons/database.png">
<md-card-content>
<p>Angular 2/4, NodeJS, Express,Wordpress</p>
</md-card-content>
</md-card>
</div>
</div>
Andy
@ITAndy23
Having an issue with slow filtering in Angular. Anyone have experience with Angular Filtering? I'm filtering a bunch of elements on the view based on entered text in a search box. The logic is handled in a controller using $filter. It kinda works but its slow. When someone types in the search box, the filtering starts after 2 or 3 letters. On those letters, there's a few seconds delay in the response of the UI recreating the elements and typing. Same thing when they backspace their characters back to two letters left. Also, after the search is done and filter has been applied, some of the elements aren't recreated properly. I view the source in the browser and the filtered elements are present in the code but not being properly rendered in the browser. Any ideas?
Githamza
@Githamza
Hello, How can I center md-card-image in angular 2 ?
Luke Skelhorn
@SCRATK
How do i get the selected option out of a selector??
Manie Coetzee
@ramkat99
fxLayoutAlign=“center center"
I think
Tyler Crowell
@tcrowell83
@ramkat99 is correct
that should help you figuring out flexbox. there is also a gitter page too
Luke Skelhorn
@SCRATK
Could anyone help with this error
Can't bind to 'formConrol' since it isn't a known property of 'md-radio-group'.
NM realized what i did wrong as soon as i posted it
Joao Garin
@joaogarin

Hello all, anyone knows if MdSelect should be working in universal? I am getting some errors like

this.trigger.nativeElement.getBoundingClientRect is not a function

and

ERROR { Error: Uncaught (in promise): TypeError: this._getHostElement(...).focus is not a function
Joshua
@belst
Hi, is there a repo of the material docs page? I currently try to create a sidenav layout but somehow it looks wrong
Luke Skelhorn
@SCRATK
@belst With the side nav you need to use CSS to style the size of it
Joshua
@belst
I know. Just would like to see how it is done in the docs. also because of the responsivness. (default open on desktop, closed + icon on mobile) and so on
docs are very sparse atm
oh nvm. I think im in the wrong channel :D need to go to angular/material2 :P
rmj9431
@rmj9431
Hey I am trying to add datepicker in my application. But getting error Can't bind to 'mdDatepickerToggle' since it isn't a known property of 'button'. I have imported the DatePicker and NaviteDate modules to the app.module file. What can be the possible solution for this issue.
Luke Skelhorn
@SCRATK
Hi I'm trying to use a dialog box and I'm getting this error Component viewGuardianDeleteDialog is not part of any NgModule or the module has not been imported into your module. Has anyone had this error before

@rmj9431 This is how I've used my date picker hope this helps

<md-input-container class="form-full-width">
      <input mdInput [mdDatepicker]="startDate" placeholder="Start Date" [formControl]="newEventForm.controls['start_date']" required>
      <button mdSuffix [mdDatepickerToggle]="startDate"></button>
      <md-error *ngIf="newEventForm.controls['start_date'].hasError('required')">
        Start Date is <strong>needed</strong>
      </md-error>
    </md-input-container>

and then added this within side of the form tags

<md-datepicker #startDate></md-datepicker>
Ergun Polat
@limpep

hi I am trying to use autocomplete on the following array which has an object and an array of values for example

[
  {
    "cat": "Accommodation and Food Service Activities",
    "value": [
      {
        "sic": "55",
        "desc": "Accommodation"
      },
      {
       "sic": "56",
        "desc": "Food and beverage service activities"
      }
    ]
  }
]

I would like to filter on thevalue.desc array using regex if possible, I have the following method

filteredIndustries(industry: string) {
    return this.industries.filter(sector => {
      return new RegExp(`^${industry}`, 'gi').test(sector);
    });
  }

but this is not right, if anyone can point me in the right direction that would be much appreciated

Stefan
@st3fun1
Hi guys i get this error when i try tu run my app
Field 'browser' doesn't contain a valid alias configuration
/home/s1p5/test/project1/project/node_modules/tether/dist/js/tether.js doesn't exist
.ts
i think this is something related to bootstrap 4
but i dont know how to fix it
i m using angular cli
lharris-mc
@lharris-mc

Hello,
I'm trying to do 2 GET calls in a dialog asynchronously but every time I run it (either on load or after a click event) it's running synchronously:

  fnGetData(qs:any, id:number){
    return Observable.forkJoin( this._http.get( '/data/count/' + id ).map((res) => res.json()), this._http.get( '/data/'+ id + '?' + this.convertToQueryString(qs) ).map((res) => res.json()) )
  }

If I test this outside the dialog component i.e. the parent component then it runs asynchronously.

masber
@masber_twitter
hi, any idea how can I fit a card size to it's content?
at the moment it is taking the whole screen width
Luke Skelhorn
@SCRATK
@masber_twitter You just have to set the width of the card in your css
Does anyone know if the dialog boxes are scrollable??
stherrienaspnet
@stherrienaspnet
Hello everyone, where can i find the source code of the material design2 docs web site?
Luke Skelhorn
@SCRATK
I'm having trouble with my Md-error's with the error i have set now showing up
Manie Coetzee
@ramkat99
@masber_twitter have you looked at "@angular/flex-layout"
or at least flex in general
masber
@masber_twitter
@ramkat99 I will check that thanks!
Manie Coetzee
@ramkat99
masber
@masber_twitter
has anyone used select with validation? it seems like the font color is not changing to red when validation fails, has anyone seen that?
Manie Coetzee
@ramkat99
did you put the select in an <md-input-container>?
masber
@masber_twitter
no
@ramkat99 it complains "ERROR Error: md-input-container must contain an mdInput directive. Did you forget to add mdInput to the native input or textarea element?" if the select is inside an md-input-container
Manie Coetzee
@ramkat99
no, thats right, you cannot put it in an md-input-container - just wanted to rule that out
have you tried <md-error> right after the select tag?
masber
@masber_twitter
@ramkat99 yes, same result