当前位置：首页 > 软件库 > Web应用开发 > Web框架 >

mdb-angular-ui-kit

授权协议 MIT License

开发语言 JavaScript

所属分类 Web应用开发、 Web框架

软件类型开源软件

地区不详

投递者应翰飞

操作系统跨平台

开源组织无

适用人群未知

软件概览

MDB 5 Angular

Angular 12 & Bootstrap 5 & Material Design 2.0 UI KIT

>> Get Started in 4 steps

>> MDBAngular 5 Demo

500+ material UI components
Super simple, 1 minute installation
Detailed docs & multiple practical examples
Angular 11
Huge and active community
MIT license - free for personal & commercial use

Trusted by 2 000 000+ developers & designers. Used by companies like

Tutorial for the latest Bootstrap v.5 Alpha. In this video we'll learn about the changes implemented into v.5.

>> Click here for a written tutorial


Start to Code	Learn Bootstrap 5 \| Crash Course for Beginners in 1.5H

Demo

Simplicity and ease of use are key features of MDB 5 Angular UI Kit. You need only one minute to install and run it.

Buttons

Use MDB custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

Spinners

Indicate the loading state of a component or page with MDB spinners, built entirely with HTML, CSS, and no JavaScript.

Cards

A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.

Footer

A footer is an additional navigation component. It can hold links, buttons, company info, copyrights, forms, and many other elements.

Hover

MDB hover effect appears when the user positions the computer cursor over an element without activating it. Hover effects make a website more interactive.

Notes

Notes are small components very helpful in inserting an additional piece of information.

and more.

使用案例

angular ui select

<ui-select ng-model="vm.coupon[vm.editorTab].value" theme="bootstrap"> <ui-select-match >{{$select.selected.name}} </ui-select-match> <ui-select-choices repeat="data in vm.couponList">{{da
Angular -ui - BootStrap组件的解释以及使用

关于UI BootStrap UI BootStrap 是angularUI团队用纯粹angularJS语法编写的Bootstrap组件。 1. 关于ng-router（angular-router.js）和ui-router(angular-ui-router.js)的区别 ngroute是用AngularJS框架的路由的核心部分。 ui-router是一个社区库，它是用来提高完善ngr
AngularJS +Kendo UI Grid template

var dataSource = new kendo.data.DataSource({ transport: { dataType: "json", read: inputUri + $stateParams.subjectID, }, pageSize: 10, }); $scope.mainGridOptions = { dataSource: dataSource, //height: 4
AngularJs $uibModal 注意点

首先得吐槽下：$uibModal弹窗页面代码有错误，运行时也不报错，直接就是打不开弹窗，所以在编写弹窗页面代码时大家一定要谨慎。注意点传递参数，弹窗页面要定义下，不能少，变量名要一致。打不开弹窗时，用断点去找错。
$uiModal-Angular.js

uibModal是一种创建模态窗口的服务。创建模态很简单：创建模板和控制器，并在使用时引用它们uibModal是一种创建模态窗口的服务。创建模态很简单：创建模板和控制器，并在使用时引用它们uibModal。该$uibModal服务只有一个方法：open(options)。 $ uibModal的打开函数选项参数 animation （类型：boolean，默认值：true） -设置为false
安装 Angular Material UI

文档调色板安装 ng add @angular/material ? Choose a prebuilt theme name, or "custom" for a custom theme: Custom ? Set up HammerJS for gesture recognition? Yes ? Set up browser animations for Angular Materia