小编Jac*_*321的帖子

我在我的angular 7应用程序中添加了一些交错动画，以使元素在页面加载时进行动画处理。我在我的一个组件上遇到了这个奇怪的z-index问题。

动画代码是这样的：

@Component({
  selector: 'track-page',
  templateUrl: './track-page.component.html',
  styleUrls: ['./track-page.component.scss'],
  animations: [
    trigger('fadeIn', [
      transition(':enter', [
        query('*', style({opacity: 0})),
        query('*', [
            animate('500ms', style({opacity: 1}))
        ]),
      ])
    ]),
    trigger('swipeUp', [
      transition('void => *', [
        query('*', style({opacity: 0, transform: 'translate3d(0,20%,0)'})),
        query('*', stagger(10, [
          animate('700ms ease-in', keyframes([
            style({opacity: 1, transform: 'none', offset: 1})
          ]))
        ]))
      ])
    ])
  ]
})

此代码仅在webkit浏览器上导致以下结果：

共享组件应该出现在所有其他元素的前面，但是节拍器图标出现在顶部。我尝试在共享组件上设置最大z-index，但是没有运气。

所以我最近将我的应用程序从Angular 7升级到Angular 8，并且由于Angular 8要求节点版本为10.9或更高，因此云构建VM的节点版本遇到了问题，如下所示：

如何升级Google云端VM的节点版本，这样我就不会再出现此错误？

谢谢。

我正在使用 flutter 并利用 dart 中的 RawDatagramSocket 来发送 WOL 数据包。我的代码在 IOS 中运行良好，但在 android 模拟器中我不断收到此错误

Unhandled Exception: SocketException: Failed to create datagram socket (OS Error: Permission denied, errno = 13), address = 0.0.0.0, port = 9

我的 android manifest 中有这些权限，但我仍然无法停止错误：

<uses-permission android:name="android.permission.INTERNET"/>
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />

使用示例如下所示：

class WakeOnLanService {
  Future wake(InternetAddress ipAddress, MacAddress macAddress, int port) {
    return RawDatagramSocket.bind(InternetAddress.anyIPv4, port)
        .then((RawDatagramSocket udpSocket) {
      udpSocket.broadcastEnabled = true;

      List<int> macBytes = macAddress.bytes;
      List<int> packet = new List<int>(17 * 6);
      for (int …