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)

PRUDHVi100
@PRUDHVi100
Can anyone please help i am getting radio button values from backend to frontend with checked. without placing [(ngModel)] values are getting fine. but i want to update that getting values, for that i used [(ngModel)]. When i placed the [(ngModel)] the values are not getting.
<div class="form-group">
                            <span>Please confirm that you have suitable experience and knowledge to review this article:</span>
                            <div class="radio">
                            <label>Yes
                                <input type="radio" name="content"  [(ngModel)]="review.content"  
                                *ngIf="editUserDetails[0].content=='Yes'" value="{{review.content}}" [checked]="true">
                                <input type="radio" name="content"  [(ngModel)]="review.content"  
                                *ngIf="editUserDetails[0].content=='No'" value="{{review.content}}" [checked]="false">
                            </label>
                            <label>No
                                <input type="radio" name="content"  [(ngModel)]="review.content"  
                                *ngIf="editUserDetails[0].content=='No'" value="{{review.content}}" [checked]="true">
                                <input type="radio" name="content"  [(ngModel)]="review.content"  
                                *ngIf="editUserDetails[0].content=='Yes'" value="{{review.content}}" [checked]="false">
                            </label>
                            </div>
                            </div>
Ramon Jr. Yniguez
@TheoNeUpKid88
Not too sure. Could the name attribute throwig the ngModel ?
FaizalKhan
@smfaizalkhan

Hi All,

I have a component the below template in a separ

import { Component } from '@angular/core';

@Component( {
selector: 'jhi-search-component',
template: `
<form class="form-inline" (ngSubmit)="search()" >
<div >
<span class="col-sm-4">Search By</span>

      <select class="form-control col-sm-4" [(ngModel)]="propkey" name="propkey">
              <option value=" "></option>
             <option   *ngFor="let prop of entity | keyvalue"> {{prop.value}}</option>
        </select>           
    <select class="form-control col-sm-4 " [(ngModel)]="operation" name="operation" >
                <option value='='>=</option>
                <option value='<'>&lt;</option>
                <option value='>'>&gt;</option>                 
        </select>
       <input class="form-control mr-sm-2 col-sm-4" type="search" placeholder="Search" aria-label="Search" [(ngModel)]="searchvalue" name="searchvalue">
   <button class="btn btn-primary float-right" type="submit">
   <fa-icon [icon]="'search'"></fa-icon>
   </button>  
   </div>       
      </form>`

} )
export abstract class SearchComponent {
searchvalue: any;
operation: any;
propkey: any;
entity: any[];
abstract search();

}

and i have addded the component in another component as <jhi-search-component></jhi-search-component>

I would like to set the this properties in another component that acutally uses it ,in the component that actually displays this i set the this class properties ,
but still it is not reflected in the screen

As this template uses ngModel my expectation is that the two way is enabled and that it shoud detect the changes and display.

But it didnt

Also the search inspite of the component implemeting ..it didnt execute it.

an anyone suggest me what is wrong..

All these properties will have their values only after ngOnInit of the component actually using this.

Siddhant Srivastav
@WickedBrat
Hey all! I'm tryingto implement autocomplete with filter as directed here. I'm facing issues and here's the error log
Uncaught Error: Template parse errors:
Can't bind to 'formControl' since it isn't a known property of 'input'. ("example-full-width">
        <input type="text" placeholder="Pick one" aria-label="Number" matInput [ERROR ->][formControl]="myControl"
            [matAutocomplete]="auto">
        <mat-autocomplete #auto="matA"): ng:///CourseModule/AddTopicComponent.html@2:79
I have imported theuto MatAutocompletedModule but it doesn't seem to work.
Please help
Suren Konathala
@ksurendra
Hi, are there any free/open-sourced pre-built full website templates with angular+material? The only example i could find so far is https://github.com/angular/material.angular.io (for the website https://material.angular.io/ )
Michael Prentice
@Splaktar
@ksurendra @WickedBrat1 @smfaizalkhan @PRUDHVi100 this channel is for AngularJS Material (1.x). The Angular Material channel is https://gitter.im/angular/material2.
@rbnzdave currently the types are defined and maintained externally as part of the DefinitelyTyped repo and not part of AngularJS Material. You could try submitting an issue there. I’ve been investigating adding official type support for AngularJS Material, but there is nothing ready yet.
Michael Prentice
@Splaktar
We announced 1.1.11 today. This was a really big release with lots of fixes for a11y, IE11, and more. Early adopters have already found a couple of regressions that we plan to fix in the next week or so. You can read more in our blog post: https://blog.devintent.com/announcing-the-angularjs-material-v1-1-11-release-fbdcb67930cc
Vijayabaskar Velukumar
@vijayabaskarkgfsl
Hi can anyone help .. which one best to use angularmaterial or bootstrap. because i dontknow. can anyone say pros and cons of both framework
Michael Prentice
@Splaktar
@vijayabaskarkgfsl that’s not really a good topic for this channel, especially if you want an unbiased response. You would also need to specify which version of Angular or AngularJS you are using.
Michael Prentice
@Splaktar
We’ve released 1.1.12 today with two regression fixes to issues found in 1.1.11. We’ll try to get it posted to the CDN and announced tommorrow. Then we’ll be focusing on the 1.1.13 release.
Michael Prentice
@Splaktar
1.1.12 is now available on the CDN. I’ll post a release announcement soon, but the Changelog has most of the details: https://github.com/angular/material/blob/master/CHANGELOG.md#1112-2019-01-03
codymikol
@codymikol
Nice
Chandrakanth Reddy
@CHANDRAKANTHREDDY93
Can anyone tell me what is the use of ng-template, ng-container. I know they are structural directives in Angular. But what is the exact use of these
codymikol
@codymikol
Check the angularjs channel
Actually the angular channel
Chandrakanth Reddy
@CHANDRAKANTHREDDY93
Can u share the link plz
Michael Prentice
@Splaktar
@CHANDRAKANTHREDDY93 https://gitter.im/angular/angular
I plan to close a batch of issues with needs: more info and needs: demo labels soon. If you have been meaning to respond with a demo or more info, please do so ASAP. More details: https://groups.google.com/forum/?pli=1#!topic/ngmaterial/bmKUPYoCB2k
I am looking for community feedback on many issues labeled needs: feedback. Please find the link and more details here: https://groups.google.com/forum/?pli=1#!topic/ngmaterial/dCRMURZ9DHw
codymikol
@codymikol
@rdineshkumar88 wrong channel, use https://gitter.im/angular/material2 channel. This channel is for angularjs 1.x material
Dinesh Kumar R
@rdineshkumar88
Ooops ... Thank you @codymikol
codymikol
@codymikol
No worries :)
Abdul Quadar
@Abdul-Quadar-Quazi
@codymikol hey, is there any way to assign primary,accent and warn color dynamically using color picker for material theme?
Muhammad Tahir
@tahir-jamil
@tahir-jamil
Screen Shot 2019-01-09 at 8.11.27 PM.png
hey , how can we customer the tabs of angular material ? i want to customize its height , width , background color for active and disabled tabs , color and also want to align the tabs with margin
please help gyes
codymikol
@codymikol
@tahir-jamil you should be able use use css selectors to do that
codymikol
@codymikol
@Abdul-Quadar-Quazi you have to do it in the config phase I believe
codymikol
@codymikol
We have a workaround to do what your describing. We basically register a new theme every time with a uuid when a color is changed
I don’t think there is a way to unregister a theme until the browser reloads so depending on your use case it could lead to memory issues
Muhammad Tahir
@tahir-jamil
@codymikol this is the class we have .mat-tab-label {
height: 48px;
padding: 0 24px;
cursor: pointer;
box-sizing: border-box;
opacity: .6;
min-width: 160px;
text-align: center;
display: inline-flex;
justify-content: center;
align-items: center;
white-space: nowrap;
position: relative;
} how can i override the min-width property of material class?
codymikol
@codymikol
@tahir-jamil check the material2 channel, this is for angularjs 1.x material
andy02g
@andy02g
hi can anyone tell ..i am able to download means exporting(pdf,doc etc) highchart from browsers but same thing is not working with mobile (ionic ) plz any one give solution ?????
Ahmed Nour
@Ahmedgadd
how to make arrow in table sorting always visible ?
Ahmed Nour
@Ahmedgadd
can any one know the way to make arrow in angular material table sorting visible by defualt not on hover ?
codymikol
@codymikol
check the material2 channel, this is for angularjs 1.x material
https://gitter.im/angular/material2
Szymon Gałązka
@SzymonGalazka
Hello everyone. I need some advice about a project development.
I 'inherited' a project based on angular 4. It's made with material design, but the one used in angularJS. So: Angular 4 bundled with material for Angular 1.
Now i need some charts. Every chart package i found requires angular 6+. I can't lift project to that version because frontend will fall apart. What can I do to have some nice charts, except writing my own ? :D
Any ideas will be appreciated
Michael Prentice
@Splaktar
@SzymonGalazka so it’s running in a hybrid mode with Angular v4 and AngularJS (and AngularJS Material) through ngUpgrade?
Highcharts, AmCharts, and quite a few others work fine with whatever JS. An older version of ngx-charts (d3 based) should work with Angular v4 as well.
Szymon Gałązka
@SzymonGalazka
Yeah, exactly. I gonna give ngx-charts a try, shame that the documentation lacks demos. Thank you so much!
Christopher Stock
@stockcj
Hi everyone. Anyone have any ideas about why this select isn't displaying the patched value, but the input is? https://stackblitz.com/edit/material-6-xann2e
Christopher Stock
@stockcj
Apologies, I've got the wrong channel.
Krishna Gara
@krishna-gara
Is there any module for highchrts implementation in angular
Michael Prentice
@Splaktar
@SzymonGalazka they have quite a few demos at https://swimlane.github.io/ngx-charts/#/ngx-charts/bar-vertical
@krishna-gara I’m not sure about that, but it doesn’t seem related to AngularJS Material
Fábio Carneiro
@fabiocarneiro
I'm trying to have a list with primary and secondary actions. The secondary action is a icon button on the right side. I applied a (click) trigger to the main action, but since the secondary action button is contained inside the primary action mat-list-item, the primary action is also triggered when clicking in the secondary action button. I tried to split the space with their own containers, but it gets quite messy with the css not being applied to the mat-line... Any advice?
Fábio Carneiro
@fabiocarneiro
nvm, solved the issue by wrapping the left side on a .mat-list-item-content
Fábio Carneiro
@fabiocarneiro
what is mat-drawer for?