在 AngularDart 中的媒体更改时将 App Layout Drawer 持久更改为临时

Posted

技术标签:

【中文标题】在 AngularDart 中的媒体更改时将 App Layout Drawer 持久更改为临时【英文标题】:Changing App Layout Drawer persistent to temporary at media change in AngularDart 【发布时间】:2018-02-26 07:13:13 【问题描述】:

我的 AngularDart 项目中有一个角度组件的应用布局。如何在媒体画面切换时将App layout的drawerpersistent改为temporary

【问题讨论】:

【参考方案1】:

您可以使用窗口上的onResize 事件来监听它的变化并将您的布局设置为temporarypersistent

import "dart:html";
import "dart:async";

StreamSubscription<Event> subscription = window.onResize.listen((Event e) 
  final width = window.screen.width;
);

// onDestroy
subscription.cancel();

【讨论】:

错误:由于使用了实例 getter 'onResize',无法推断出 'subscription' 的类型。 // onDestroy subscription.cancel(); “订阅”无效的构造函数名称

以上是关于在 AngularDart 中的媒体更改时将 App Layout Drawer 持久更改为临时的主要内容,如果未能解决你的问题,请参考以下文章

AngularDart - 如何替换 AppLayout 中的组件

AngularDart 材质颜色主题

将材料选择绑定到我的模型

AngularDart 中带有验证和错误消息的材料输入

AngularDart 升级3.0,代码开发更高效

在选择选项更改时将子组件中的道具传递给父组件