material2
uncube
material2 | uncube | |
---|---|---|
13 | 1 | |
22,620 | 1 | |
- | - | |
9.9 | 7.1 | |
about 2 years ago | 2 months ago | |
TypeScript | TypeScript | |
MIT License | GNU General Public License v3.0 only |
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.
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
uncube
-
QubeTime: Renamed to UnCube, source code published and account registration.
I've also published the source code on GitHub.
What are some alternatives?
nebular - :boom: Customizable Angular UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode
Ionic Framework - A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
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.
components - Component infrastructure and Material Design components for Angular
material-community-components - :panda_face: Angular Material Components created from the community
angular-ngrx-material-starter - Angular, NgRx, Angular CLI & Angular Material Starter Project
Materialize - Materialize, a CSS Framework based on Material Design
ionic - A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript. [Moved to: https://github.com/ionic-team/ionic-framework]
covalent - Teradata UI Platform built on Angular Material
tnoodle - Development for the official WCA scramble server