首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

我可以在Angularjs Material中的另一个'mdbottomsheet‘上打开'mdbottomsheet’吗?

在AngularJS Material中,是可以在一个'mdbottomsheet'上打开另一个'mdbottomsheet'的。'mdbottomsheet'是AngularJS Material中的一个组件,用于在页面底部显示一个可滑动的面板,通常用于显示额外的信息或操作选项。

要在一个'mdbottomsheet'上打开另一个'mdbottomsheet',可以通过在控制器中使用$mdBottomSheet服务来实现。首先,在控制器中注入$mdBottomSheet服务,然后使用该服务的show方法来打开另一个'mdbottomsheet'。

以下是一个示例代码:

代码语言:txt
复制
angular.module('myApp', ['ngMaterial'])
  .controller('MyController', function($scope, $mdBottomSheet) {
    $scope.openBottomSheet = function() {
      $mdBottomSheet.show({
        templateUrl: 'bottomSheetTemplate.html',
        controller: 'AnotherBottomSheetController'
      });
    };
  })
  .controller('AnotherBottomSheetController', function($scope, $mdBottomSheet) {
    $scope.openAnotherBottomSheet = function() {
      $mdBottomSheet.show({
        templateUrl: 'anotherBottomSheetTemplate.html',
        controller: 'YetAnotherBottomSheetController'
      });
    };
  })
  .controller('YetAnotherBottomSheetController', function($scope) {
    // Controller logic for the yet another bottom sheet
  });

在上面的代码中,MyController控制器中的openBottomSheet方法用于打开第一个'mdbottomsheet'。在AnotherBottomSheetController控制器中,openAnotherBottomSheet方法用于打开第二个'mdbottomsheet'。

这样,你就可以在AngularJS Material中的一个'mdbottomsheet'上打开另一个'mdbottomsheet'了。

关于AngularJS Material的更多信息和使用方法,你可以参考腾讯云的AngularJS Material产品介绍页面:AngularJS Material产品介绍

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Bootstrap Metronic 学习记录(一)简介

花俏软件比界面死板同等软件价格可卖出高达40%   能合并到所有语言前端,包括主流asp.net,JSP,PHP   (源源不断Bootstrap 和Metronic作为更新技术支持,除非推兔团队解散...按目录名称可以看出包含了文档(documentation),资源(resources),开始(start),主题(theme与theme_trl),说明readme.txt   打开readme我们可以看到我们只需要用...theme_rtl支持RTL,RTL颠覆编程习惯。   可以依次运行theme-->templates-->adminX下index效果。    ...然并卵,发现每一个admin对应了admin_material_design,根据readme说明admin_material_design是对应AngularJS版本,不知道说得对不。   ...不懂AngularJS所以我们只用到正常版本adminX ?   以上是部分截图。右边设置可以设置布局方式 ?   把浏览器缩小看看平板下效果同样非常不错。

1.8K60

​Flutter | 一个关于背景颜色引发打脸惨案

然而,命运多舛,装逼道路总是这么坎坷。不然也不会写这篇文章了。 另一个群友这样说到: 他:「不能用 Theme 来搞定这个事?」...Material 终于不懈努力查找下,找到了可疑之处: return Opacity( opacity: opacity.evaluate(route.animation), child: Material...虽然材料隐喻描述了打印材料本身上子部件,但不隐藏墨迹效 果,但实际[Material]小部件将子部件绘制墨迹效果顶部。...具有类型透明度[材质]可以放置 不透明小部件顶部,以在其顶部显示墨迹效果。首选使用[ink]小部件不透明小部件显示墨迹效果。...总结 虽然装逼失败了,但是个人对于 Theme 这方面的理解更深了, 而且以后如果有定义 Widget 需求的话,也可以使用该方法,定义一个 Material type, 这样就可以和整个APP

1.5K30

单页应用(SPA)开发 Top 10 框架

只更新那些发生变化 DOM 节点而不是重绘完整 DOM 树。 React 另一个优势在于响应式组件带来了很好重用性,React 组件库创建后可以多个项目中共用,也能供大众使用。...一个很好例子是 Material-UI,它用 React 组件实现了 Google material design。...Meteor.js 喜欢只使用 JavaScript 开发完整 web 应用?MeteorJS 正是这个神奇全栈开发平台,让我们可以迅速地开发移动应用和网页应用。...性能方面,数据库改变都会实时得反映在 UI ,避免了不同语言间切换,减少了服务器响应时间。 我们官网了解到更多信息-meteor.com 6....backbone 非常灵活,因为它提供了一个最小功能集合,开发者在此基础二次开发,自己写代码或者使用第三方库都可以。还可以 backbone 基础构建一个全功能框架。

4.2K40

(4)Angular开发

angular框架,库,是一款非常优秀前端高级JS框架,有了这个框架就可以轻松构建SPA应用程序,通过指令宽展了HTML,通过表达式绑定数据到HTML。.../ http://www.angularjs.cn/ http://docs.angularjs.cn/api https://material.angularjs.org http://angular-ui.github.io...image.png HTML 页面 ng-xxx 属性称之为指令 ng-app 指令告诉 AngularJS, 元素是 AngularJS 应用程序管理边界 ng-model 指令把文本框值绑定到变量...name Angular 最大程度减少了页面上 DOM 操作 让 JavaScript 中专注业务逻辑代码 通过简单指令结合页面结构与逻辑数据 通过自定义指令实现组件化编程 我们需要本地运行...scope暴露数据模型(数据,行为) AngularJS 表达式可以包含字母,操作符,变量 ng-repeat指令用来编译一个数组重复创建当前元素 <

3.1K40

前端插件以及部分细分网址梳理

这个插件提供了对早期 IOS4/5 和 Android 支持 jquery.scrollTo: 页面上以一个元素为起始以动画方式移动(ScrollTo)到另一个元素, 支持回退等 jScrollPane...(进入、退出等),性能很好 ScrollMagic: 神奇滚动交互效果插件,可以滚动过程设置各种各样动态效果 infinite-scroll: 滚动加载,滚动到最下到自动加载, Paul Irish...IOS 7 Switch JS 实现, 支持 IE8 及以上浏览器 trix: Basecamp 公司出品富文本编辑器,简洁小巧 sensor.js: 智能移动设备浏览器,通过HTML5...Sortable: 现代浏览器用于实现元素拖拽排序功能,支持 Meteor, AngularJS, React,不依赖 jQuery Swiper: 用于实现浏览器滑动切换效果,支持硬件加速 matter-js...插件,可以 Angular 中使用 React Components material: Google Material Design 效果 Angular 实现 angular-local-storage

5.6K90

Github开源免费编程书籍

、php开发、web前端、html5教程以及css3视频教程等课程资源) 极客学院 计蒜客 大数据 Spark 编程指南简体中文版 大型集群快速和通用数据处理架构 大数据/数据挖掘/推荐系统/机器学习相关资源...iTunes 购买) Got GitHub GotGitHub HgInit (中文版) Mercurial 使用教程 Pro Git Pro Git 中文版 (整理gitbook) svn 手册...Spring Framework 4.x参考文档 用jersey构建REST服务 Javascript Airbnb JavaScript 规范 AngularJS AngularJS中译本 AngularJS...入门教程 AngularJS最佳实践和风格指南 Windows环境下用Yeoman构建AngularJS项目 构建自己AngularJS backbone.js backbone.js中文文档 backbone.js...) Zepto.js Zepto.js 中文文档 命名函数表达式探秘 (注:原文由为之漫笔 翻译,原始地址无法打开,所以此处地址为博客备份) 学用 JavaScript 设计模式 (开源中国)

7.6K40

再谈angularJS数据绑定机制及背后原理—angularJS常见问题总结

听很多人抱怨说 angular 这个库太大了什么都管,其实你可以不用它自带这些服务(Service),只要你记得手工调用 $scope.$apply。...实际, 脏检查是digest执行另一个更常用用于触发脏检查函数apply——其实就是 $digest 一个简单封装(还做了一些抓异常工作)。...ng-click表达式,能使用JS原生对象方法,比如Math.max之类?为什么? 不可以。... AngularJS ,module 和 $provide 都可以提供依赖项注册;内置 injector 可以获取对象(自动完成依赖注入);依赖关系声明,就是上面的那两种方式。...除了DOM显式指明ng-controller,还有一种情况是controller绑定是route里定义好,那这时能使用controller as

7.8K40

Angular2入坑指南

做前端没用过nodejs都不好意思说自己是前端。nodejs是和jvm同等地位js运行环境,打开了前端人员走向后端道路。...AngularJS有着诸多特性,最为核心是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。因为背靠google也收到了开发者推崇。...,概念也是特别多 3、体量大 4、成熟度相对偏低,版本2才刚发布 5、不兼容1.x 6、Router还不成熟 综合以上最终决定选择Angular2作为前端开发首选框架。...有官方UI方案Material Design供选择 官工具链相对于React要成熟 有angular-cli这个便利化工具,并提供E2E测试,用以方便测试,并保证项目的质量。...然后打开localhost:4200就可以查看效果了。 附:angular-cli教程与源码地址

2K70

一起玩转微服务(9)——前后端分离

前后端分离 传统web应用开发,大多数程序员会将浏览器作为前后端分界线。将浏览器为用户进行页面展示部分称之为前端,而将运行在服务器,为前端提供业务逻辑和数据准备所有代码统称为后端。...特性二:模板 AngularJS ,一个模板就是一个 HTML 文件。但是 HTML 内容扩展了,包含了很多帮助你映射 Model 到 View 内容。...AngularJS 并不执行传统意义 MVC,更接近于 MVVM(Model-View-ViewModel)。...Kotlin 可以编译成Java字节码,也可以编译成 JavaScript,方便在没有 JVM 设备运行。...) 一组 Material Design 部件 (可选,你也可以引入你自己部件)库 ,工具,和一个用于 Atom 插件。

1.4K20

都 9012了,该选择 Angular、React,还是Vue?

Angular AngularJS 自2009年诞生,至今已有十年历史。在这短短十年,其对 Web 社区发展产生了十分深远影响。...Vue React 与 Angular孰优孰劣讨论逐步升温时候,另一个JavaScript框架Vue抵达了现场,使得这场最优Web开发框架角逐变得更加白热化。...2014年2月(微软收购GitHub平台四年之前),Evan YouGitHub发布了第一个稳定版本Vue,标志着一个构建数据驱动 Web UI渐进式框架就此诞生。...事实,Vue和React学习速率实际情况是大致相同,由于大部分Vue学习资料直接以单个Web应用程序开发实践开始,直观且清晰代码逻辑的确可以帮助初学者更快入门,但是,随着学习内容深入,当您需要开发复杂...灵活性:React VS Vue 这也是争议最大地方。React 专注于 UI,所以构建 UI 组件时可以从它那里获得很好支持。

1.9K20

AngularJS、React 是真的被淘汰了吗?

面试官看我简历写着 AngularJS,告诉以后别用这个了,还有 React,并建议用 Vue,说北京,十家公司有九家公司都在用 Vue,是这样,大家怎么看? ?...有朋友就说了,到现在还分不清 Angular 和 AngularJS 公司肯定没有什么前端建树,确实可以不用考虑了。。 ?...结果项目经理一看:你这是什么玩意,用了什么旁门左道框架?以前做页面直接双击html文件就能打开(指file:///方式),你为什么不能?还有.vue文件是什么鬼能转成jsp放到tomcat?...(当时在场Java同事还跟着哄堂大笑,虽然这些同事人很好但是有些人技术很一般) :???前端实现关后台Java什么事???...有人说jquery过时了,但是有些大型业务也是用飞起,你敢说它们不对?所以我认为做技术不要太追时髦,多关注可以真正提高你想法和思路东西。

7.8K30

第214天:Angular 基础概念

/api - https://material.angularjs.org - http://angular-ui.github.io/ 5、Angular 上手 - 安装 Angular (1)下载...  + 接受用户输入内容,并将其提交给控制器   + 根据控制器返回数据,响应用户页面 2、模块(Module) AngularJS很重要一个特性就是实现模块化编程,我们可以通过以下方式创建一个模块...,对页面进行功能业务划分 1 // 创建一个名字叫MyApp模块,第二个参数指的是该模块依赖那些模块 2 3 var myApp = angular.module("MyApp", []); 也可以将重复使用指令或过滤器之类做成模块便于复用...不同点: AngularJS 表达式可以写在 HTML AngularJS 表达式不支持条件判断,循环及异常。 AngularJS 表达式支持过滤器。...    模型发生变化自动同步到视图上;     视图上数据发生变化过后自动同步到模型

1.9K30

高效编码:VS Code设置

代码编辑器来说,另一个重要事情是,用于代码编辑器字体是 JetBrains Mono。...您要使用设置,使用 VS Code 字体 VS Code ,按 Ctrl + P,输入 settings.json 并打开该文件。现在,用给定值替换下面的属性值。...(Ctrl + Shift + F12) Go to:直接跳转到 CSS 文件或在新编辑器(F12)打开 Hover:符号悬停显示定义(Ctrl + hover) ? ?...Ctrl + P :转到文件,您可以 Visual Studio Code 中移动到打开文件/文件夹任何文件。...Ctrl + ` : VS Code 打开 terminal Alt + Down:下移一行 Alt + Up:移一行 Ctrl + D:将选定字符移动到下一个匹配字符串上 Ctrl + Space

1.7K10

React vs Angular,到底那个更好用

React 需要通过多种集成和各种支持工具才能运行: Redux:是一种状态容器,它可以加速 React 大型应用运行,能够管理具有多种动态元素应用组件,还可以被用于渲染。...虽然虚拟 DOM 被认为比真正 DOM 操作起来更为快捷,但是 Angular ,由于需要进行变更检测,因此这两种方法性能方面实际是相当。...⑤预构建 UI 设计元素:Angular Material vs 社区支持组件 Angular:随着材料设计(Material Design)语言 Web 应用中流行,更多工程师受益于其开箱即用材料工具集...与使用 WebView 来渲染混合式跨平台解决方案不同,该框架是 JavaScript 虚拟机运行各种应用,并直接连接到原生移动 API ,从而保证了具有能够和原生应用相媲美的高性能。...值得一提是,该调查涵盖了 AngularJS 和 Angular 2+ 用户。 有趣是:Angular 负面评论也较为领先。

5.6K60

如何在 Creator3D 中切换模型贴图,超级简单

2 模型材质资源 Creator 3D ,一个 3D 物体主要由 ModelComponent 组件渲染,其中包含两大部分:Mesh 和 Material,而模型纹理就在材质属性上进行控制。... Creator3D 编辑,我们可通过图形化拖动方式修改材质贴图,如下图: ?...3 使用脚本修改材质纹理 这里创建了一个 test.ts 脚本文件,用于修改材质纹理资源,先看下组件属性: ?...用material.setProperty也是同理,如果你是使用标准Effect,也是用同样方法: ? 只需要将材质属性属性名,首字母小写就可以了!...如果我们是用代码,在运行时修改了任意一个 3D 物体材质属性,另一个 3D 物体材质会变? Shawn做了一下测试,但并没有变,看下面的效果: ?

1.5K20

对于Web开发最棒22个Visual Studio Code插件

需要一个快速地方来测试一些JavaScript曾经习惯Chrome打开控制台,然后在其中输入一些代码,但缺点很多。...讨厌一件事是VS Code项目之间切换。 每次必须打开文件资源管理器并在计算机上找到项目时。 但这随Project Manager 应用而改变。...使用此插件,你可以项目的侧边菜单打开一个额外菜单。 你可以项目之间快速切换,保存收藏夹或从文件系统自动检测Git项目。 如果你开发多个不同项目,那么这是保持组织状态和提高效率好方法。...如果你想在Github查看正在处理文件,则这个插件适合你。 安装后,只需右键单击文件,你将看到Github打开文件选项。...你知道可以自定义VS Code图标? 如果你查看设置,将会看到“文件图标主题”选项。 从那里,你可以从预安装图标中选择或安装图标包。

1.9K20

2017春招实习+秋招总结【前端开发】

面经如下: CVTE: 简述一下项目js闭包及解决办法js原型, 原型链, 继承angularJS数据绑定原理手写代码字符串反转CSScontent如何自适应 然后就让问他问题, 问了这场面试表现怎么样...websocket首部信息有哪些, 解释一下socket与HTTP区别 AngularJs数据绑定原理 Vue路由使用是什么 NodeJSExpress框架使用哪些中间件 MVC框架与MVVM...于是没多想就说了松本清张《苍白轨迹:箱根温泉杀人手稿》,讲述是凶手如何设计一个漫长复仇计划,不急不缓,丝丝入扣,岁月配合下,将棋局的人,一个接一个地抹杀。...,你愿意把你实习公司学到技术氛围在这里营造?...与Vue有什么区别,每个侧重点在哪里ps:其实全程都是技术讨论,因为使用AngularJs比较多,所以就谈了很多AngularJs技术,让好好看一看面向契约编程,还有JS需要往深挖掘,不能停留在表面

1.5K120

2018 年 Java,Web 和移动开发需要学习 12 个框架

今天文章将分享一些你可以学习最好框架,以提升你移动和Web开发以及大数据技术方面的知识。 在当今世界,对各种框架了解是非常重要。它们使你可以快速开发原型和实际项目。...本文中,分享了12个与Java开发、移动app开发、Web开发和大数据相关有用框架。如果你认为还有值得Java和Web开发人员2018年学习好框架,那么请随时分享到评论。...1)Angular 这是另一个JavaScript框架,也2018年学习清单。它提供了一个完全客户端解决方案。你可以使用AngularJS客户端创建动态网页。...因为Google支持Angular,所以性能和定期更新方面你可以放心。坚信AngularJS绝对不会短命,绝对值得你投入时间和精力。...这些框架需求量很大,尤其是Spring,Node.js和AngularJS。学习这些框架不仅可以提高你找工作机会,还可以打开众多机会大门。

3.2K60
领券