NG-MATERO
✨
Features
- Material Extensions
- Schematics support
- Modern design style
- Multiple admin layout
- Powerful color system
- Rich CSS helpers
- Dark mode support
- RTL support
- Internationalization
- Authentication
- HTTP interceptors
- Permissions management
��
Documentation
��
Compatibility
Which version to use?
| Angular | Material | Ng-Matero | Extensions |
|---|---|---|---|
| v12 | v12 | 12.x.x | 12.x.x |
| v11 | v11 | 11.3.1 | 11.5.0 |
| v10 | v10 | 10.4.1 | 10.16.4 |
| v9 | v9 | 9.7.2 | 9.11.14 |
| v8 | v8 | 0.16.0 | 0.9.3 |
��
Installation
The project has support ng add yet.
$ ng new <project-name>
$ cd <project-name>
$ ng add ng-matero
You can also git clone the starter repo to start. But it's not recommended.
$ git clone --depth=1 git@github.com:ng-matero/starter.git <project-name>
$ cd <project-name>
$ npm install
⚙️
Schematics
You can use the ng-matero schematics to generate a module or a page.
Module schematic
Generate a lazy loaded module.
$ ng g ng-matero:module <module-name>
The new module will be created in routes folder, it will be added in routes.module and its route declaration will be added in routes-routing.module automaticly.
Page schematic
Generate a page component in the module.
$ ng g ng-matero:page <page-name> -m=<module-name>
Generate a entry component in the page component.
$ ng g ng-matero:page <page-name>/<entry-component-name> -m=<module-name> -e=true
Example
Just two steps after initializing the project, you can get a route page.
$ ng g ng-matero:module abc
$ ng g ng-matero:page def -m=abc
Take a look at http://localhost:4200/#/abc/def, enjoy it!
��
Development
$ git clone git@github.com:ng-matero/ng-matero.git
$ cd ng-matero
$ npm install
$ npm run hmr
Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
��
Roadmap
Check projects to know the develop plans.
��
Contributors
Code Contributors
This project exists thanks to all the people who contribute. [Contribute].
Financial Contributors
Become a financial contributor and help us sustain our community. [Contribute]
Individuals
Organizations
Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]
��
License
MIT
-
ng-matero 0.1 已发布，添加 schamatics，支持 ng add 前言 目前市面上关于 Angular Material 的后台框架比较少，大多都是收费主题，而且都不太好用。 很多人都说 Material 是一个面向 C 端的框架，其实在使用其它框架做管理系统的时候，我发现 Material 的组件基本已经够用了，其它不足的地方可以配合一些优秀的第三方库。另外，Material
-
问题内容： 我试图了解和/ 之间的区别，但对我来说它们看起来相同。 我应该记住使用一个或另一个来区别吗？ 问题答案： ngIf 该指令根据表达式 删除或重新创建 DOM树的一部分。如果赋值为的表达式的计算结果为假值，则将元素从DOM中删除，否则将元素的克隆重新插入DOM中。 删除元素时，使用它的作用域将被销毁，并在恢复该元素时创建一个新的作用域。在内部创建的作用域使用原型继承从其父作用域继承。 如
-
问题内容： 任何人都可以为该JSFiddle提供正确的方法： JsFiddle链接 我正在尝试通过.class＆#ID更改元素的类。 提前致谢 感谢tymeJV，新的JSFiddle： 解 问题答案： 正确的方法是根据切换变量使用，请考虑： CSS： JS： HTML： 通过根据变量（“ toggle”）是否为或分配引用的类（在上面为“红色”）来工作。
-
问题内容： 我了解这一点，并会影响在元素上设置的类，并控制是否将元素呈现为DOM的一部分。 有没有对选择的准则在/ 或反之亦然？ 问题答案： 取决于您的用例，但总结不同之处： 将从DOM中删除元素。这意味着您所有的处理程序或所有附加到这些元素的内容都将丢失。例如，如果将单击处理程序绑定到子元素之一，则将其评估为false时，将从DOM中删除该元素，并且即使稍后将其评估为true并显示该元素，您的单
-
NG Bootstrap 是基于 Angular（非 Angular.js）开发的 Bootstrap CSS 框架的指令集。 原生开发 专为Bootstrap 4 开发的Angular组件，开发了符合Angular生态系统的API，没有使用任何第三方Javascript库来实现，全都是纯粹的原生Javascript。 Boostrap的JS插件 支持全部Boostrap自带的Javascript
-
Mogwai ERDesigner NG是一个实体关系建模工具类似于ERWin。它设计成让数据库建模变得尽可能简易并为整个开发过程提供支持，从数据库设计到模式 (schema)和代码生成。此外ERDesigner还提供一个灵活的插件体系，从而可以通过安装新的插件来扩展该工具的功能。ERDesigner提 供的功能包括： *.能够使用一个强大和易于使用的图形编辑来设计数据库模型。 *.能够依据ER图
-
ng-inspector 是Chrome和Safari的浏览器扩展程序，它显示一个检查器面板，该面板实时显示当前页面中的AngularJS作用域层次结构，以及哪些控制器或指令与哪个作用域相关联。 将鼠标悬停在检查器中的范围上将突出显示该范围附加到的DOM元素。单击模型将console.log该模型的内容。 该扩展程序在带有AngularJS徽标的地址栏旁边添加了一个按钮，用于打开和关闭窗格。
-
netsniff-ng 是一个高性能的Linux下基于命令行的网络包分析工具，与 tcpdump 和其他基于 libpcap 的包分析器不同的是，netsniff-ng 直接将输入的帧循环映射到接收缓冲区中，这样就可以直接在用户空间中进行方法，而无须在地址空间中复制。可用来调试本地网、测量性能和吞吐量，并生成相应的数据统计报表。
-
Highcharts-ng 是一个 AngularJS 的指令扩展，实现了在 AngularJS 应用中集成 Highcharts 图表库的功能。 演示地址：http://jsfiddle.net/pablojim/46rhz/ 使用方法： var myapp = angular.module('myapp', ["highcharts-ng"]); HTML： <highchart id="ch