covalent
material2
Our great sponsors
covalent | material2 | |
---|---|---|
1 | 13 | |
2,236 | 22,620 | |
-0.0% | - | |
9.2 | 9.9 | |
3 days ago | about 2 years ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
covalent
material2
-
How to open and close Angular mat menu on hover
This question is in reference to this Github issue, with mat-menu which can't be toggled using mouse hover, I am basically trying to replace a bootstrap based horizontal navigation menu with angular material's menu. The only thing keeping me from replicating bootstrap based menu is opening and closing mat-menu on hover.As mentioned in the above Github issue there are some workarounds to achieve what I want, like using, mouseEnter
-
Working example of Angular 2.0 Material MdDialog with Angular 2.0
Angular 2 Material: https://github.com/angular/material2
-
Trying to install Angular 2 Material from npm - unrecognized token in source text
Update: I found the following issue on A2M GitHub - seems like it might be an issue with PS. https://github.com/angular/material2/issues/297
-
Extend/Override style of reusable angular2 component
Assuming we want to use a component from some library in angular2 (example from material2). The component annotation looks like this:
- day incorrect in angular material datepicker
-
Angular2 Material Dialog css, dialog size
Angular2 material team recently released the MDDialog https://github.com/angular/material2/blob/master/src/lib/dialog/README.md
-
Material design component "is not a known element" in Angular2
Angular I have a hybrid Angular1 and Angular2 application. In one of the Angular2 components that I route to, I want to use a Material Design Button. When I insert a button into the template like this foo the application starts crashing with this console message Error: Template parse errors:'md-button' is not a known element:1. If 'md-button' is an Angular component, then verify that it is part of this module.2. If 'md-button' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. ("Job[ERROR ->]material"): JobComponent@0:12 at TemplateParser.parse (http://localhost:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:8321:21) So, it might sound like it is case 1 in the message, but I have tried the advice given in this answer to add MdButton to the imports property of my NgModule (which already contained MaterialModule.forRoot() as adviced by the documentation) , but if I do, the whole application goes blank without errors in the console. Here is some of the relevant code import { UIRouterModule } from "ui-router-ng2";import { Ng1ToNg2Module, uiRouterNgUpgrade } from "ui-router-ng1-to-ng2";import { MaterialModule, MdButton } from '@angular/material';const upgradeAdapter: UpgradeAdapter = new UpgradeAdapter( forwardRef(() => XamFlowNg2Module));uiRouterNgUpgrade.setUpgradeAdapter(upgradeAdapter);angular.module("xamFlow") .factory("consoleService", upgradeAdapter.downgradeNg2Provider(ConsoleService));/* * Expose our ng1 content to ng2 */upgradeAdapter.upgradeNg1Provider("restService");@NgModule({ declarations: [ JobComponent, ], entryComponents: [ // Components that are routed to must be listed here, otherwise you'll get "No Component Factory" JobComponent, ], imports: [ CommonModule, BrowserModule, FormsModule, HttpModule, Ng1ToNg2Module, MaterialModule.forRoot() ], providers: [ ConsoleService, ImageService ]})class MyModule { }upgradeAdapter.bootstrap(document.body, ["myApp"]); Answer link : https://codehunter.cc/a/angular/material-design-component-is-not-a-known-element-in-angular2
- Angular 2 Material - How To Center Progress Spinner
-
Difference between ng add <package name> vs npm install <package name> in angular 6
As Angular6 has been released, They have added a new command ng add . Can anyone tell me what will be the difference between existing command npm install and ng add
-
How to use .forRoot() within feature modules hierarchy
@NgModule({ imports: [ FeatureModuleA1.forRoot(), FeatureModuleA2.forRoot(), FeatureModuleA.forRoot(), SharedModule.forRoot() ]})class MainModule { } Am I right? Before you answer please take a look at this file:https://github.com/angular/material2/blob/master/src/lib/module.ts
What are some alternatives?
mlnotify - 🔔 No need to keep checking your training - just one import line and you'll know the second it's done.
nebular - :boom: Customizable Angular UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode
kestra - Infinitely scalable, event-driven, language-agnostic orchestration and scheduling platform to manage millions of workflows declaratively in code.
ej2-angular-ui-components - Syncfusion Angular UI components library offer more than 50+ cross-browser, responsive, and lightweight angular UI controls for building modern web applications.
stark - Modern client-side Web application framework based on Angular, Angular Material / Material Design, TypeScript, Redux, RxJS, ...
material-community-components - :panda_face: Angular Material Components created from the community
dagster - An orchestration platform for the development, production, and observation of data assets.
Materialize - Materialize, a CSS Framework based on Material Design
8Q - General Purpose 8 Qubit Optical Quantum Computer
components - Component infrastructure and Material Design components for Angular
wafrn - Wafrn is a small social media that respects you. No alt right, no nazis, no terfs. Join us and have fun
uncube - A speedcubing timer for the 21st century