草庐IT

ng-material

全部标签

使用Material UI模态框,打造精美弹窗效果的秘密

让我们来了解一下MaterialUIModal-一个酷炫的React组件!你是否曾经想过在你的网页应用程序中添加弹出窗口以显示重要信息或帮助用户输入?那么MaterialUIModal就是你的救星!MaterialUI是一个由Google创建和维护的UI组件库,提供了一套全面的工具,用于创建用户界面。而其中最受欢迎的组件之一就是Modal。本教程将教你如何使用MaterialUIModal并根据你的需求进行自定义,让你的网页应用程序更加生动有趣。什么是MaterialUI?MaterialUI采用了Google的MaterialDesign系统,这是一种视觉语言,旨在统一跨产品和平台的用户体验

覆盖div不显示ng-if是否为true

我有一个具有响应菜单的页面,如果菜单处于活动状态,则会触发灰色覆盖层。我一直在尝试使用ng-if,但没有成功。我想念什么?htmlCSS.overlay-nav{//display:block;width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;top:0;left:0;z-index:999;}控制器functionNavController($scope){$scope.$watch('showOverlay',function(){console.log("valueis",$scope.showOver

NG重复与静态JSON完美合作,但通过动态JSON数据触发异常

我在表中显示一个ng重复列表。脚本HTML代码是这样:`{{user.FirstName}}{{user.LastName}}{{user.EmailId}}{{user.ContactNumber}}`在Angular脚本中,路由定义为Bellow:varroutingApp=angular.module('App',[]);routingApp.controller("MovieController",['$scope','$http',function($scope,$http){$scope.edit=false;$scope.error=false;$scope.success=fa

android - 如何在 xml 文件中创建 Material 设计布局?

我想在Material设计中创建如下图所示的xml,如何在Material设计中这样做? 最佳答案 试试这个代码...让我知道它是否适合你...并将其标记为答案,以便对其他人有用......你会得到这样的东西......附言我正在使用cardView库和支持设计库,所以不要忘记将以下行放入您的build.gradle文件中...compile'com.android.support:design:22.2.1'compile'com.android.support:cardview-v7:21.0.0'

android - Material 设计 : Add circular reveal animation while switching between toolbars

我正在阅读Material设计指南(https://material.io/guidelines/patterns/selection.html)中的“选择”部分,我想在我的应用程序中添加一个效果是在应用程序栏和ActionMode之间切换时的圆形显示动画?另一个工具栏?这是指南中的示例:https://storage.googleapis.com/material-design/publish/material_v_10/assets/0Bwp7jtSjaW36RGF3eUFsRkdqU1U/patterns_selection_item_controlling_desktop_cl

android - 程序类型已经存在 : com. google.android.material.internal.package-info

我在编译代码时遇到了这个错误:Programtypealreadypresent:com.google.android.material.internal.package-infoMessage{kind=ERROR,text=Programtypealreadypresent:com.google.android.material.internal.package-info,sources=[Unknownsourcefile],toolname=Optional.of(D8)}当我搜索到类似的错误时,它建议添加configurations{all*.excludegroup:'co

Angular NG构建 - 生产错误:提供的参数与呼叫目标的任何签名不匹配

当我跑步时ngbuild--target=production我收到以下错误:C中的错误:/repo/newco/src/$$_gendir/app/fu/bar/fubar.component.ngfactory.ts(4011,35):提供的参数与呼叫目标的任何签名不匹配。我什至不知道从哪里开始...如果ngbuild给了我更多的了解:提供的参数哪个调用目标哪个行号正是发生此错误的位置谁能解释我如何识别上述任何一个?看答案您可能正在从模板中调用一种方法,该方法不应该(或应该)具有参数。这样的事情:*ngIf="shouldShow()"shouldShow(show:boolean){//

android - ImageButton 的 Material Design 指南是什么?

MaterialDesignGuidelines对ImageButtons(不是切换按钮)有什么看法?我在这里找不到关于它们的任何信息:https://material.google.com/components/buttons.html.它们看起来应该如何?什么时候应该使用它们?他们应该如何表现?示例:我有左/右导航按钮来切换日期,我想知道它们是否符合MaterialDesign。 最佳答案 从DecompiledImageButton类的源代码中找到它。Displaysabuttonwithanimage(insteadofte

android - android中的 Material 动画

任何人都可以帮助我在android中使用动画我正在通过android开发者网站学习动画,但我也在寻找一个很好的教程,我正在寻找的是somethingsimilar任何帮助都会得到帮助 最佳答案 你可以使用下面的动画库Material-Animationsusedforthreemainthings:在从一个Activity过渡到另一个Activity时为Activity布局内容设置动画。在Activity之间的转换中为共享元素(英雄View)设置动画。同一Activity中的动画View更改EasyAndroidAnimations

在同一应用程序中将Bootstrap CSS和Prime NG CSS文件?

我计划在我的主仪表板页面上使用Bootstrap,并在页面上使用PrimeNG数据表,该页面将从我的仪表板上的一个菜单选项中显示。我正在使用角(角4)。如果我引用BootstrapCSS文件以及PrimeNG主题CSS文件,这会是一个问题吗?我计划在样式中以及我的指定componentcss文件中导入BootstrapCSS文件作为@ImportURL(“通往Bootstrapcssfile的路径”),我计划导入PrimeNG主题CSS文件我不是样式的专家,CSS只是想确认上述方法是否很好,并且在同一应用程序中是否有Bootstrap和PrimeNGCSS文件存在问题?引导-http://ge