小编Dan*_*ich的帖子

对于我的网站,我试图将<Mat-Toolbar>锁定到屏幕顶部,然后直接在我想要锁定<Mat-Tabs>.

我遇到的问题是这个位置:固定在CSS中根本没有锁定它,当我实际去网站并检查元素时它放入了一个<div>

我怎么能把这两个元素锁定到顶部,我该如何绕过这个自动创建的Div？我有一个类似于此的先前问题,但我使用固定和绝对定位解决了这个问题,这不适用于这个较新版本的Angular/Angular Material.

我的网站的源代码

您好我在对话框组件中遇到Angular Material主题的问题,其中文本和其他组件的颜色不按照应有的方式工作.

在app.component中我有一个设置图标按钮,用于打开一个对话框main.settings.dialog但是当它打开时,如下图所示,着色不适合黑暗主题.

任何关于为什么这不能以正常方式工作的见解将非常感激,因为我无法找到解决这个问题的方法.

实例网站

链接到完整的源代码

我正在尝试向使用 ts-Jest/Jest 和 Chai 用 TypeScript 编写的 Electron + Vue2 应用程序添加测试。但是，当我尝试运行我编写的简单测试以尝试确保 Jest 正常工作时，我现在遇到了 Jest 的问题，似乎不喜欢我正在导入我正在测试的组件模板这一事实可以在错误中看到。当我尝试搜索与此相关的内容时，我运气不佳，其中很多都指向“意外的令牌导入”，这是我已经解决的问题。

如果有人对我如何让测试不害怕导入 HTML 有任何见解或知识，那将是惊人的，因为我很难过，而且文档似乎没有指出任何有用的东西。

错误：

$ npm run test

> app@1.0.0 test C:\Users\daniel\Desktop\app\app
> jest --detectOpenHandles

FAIL src/app/features/app-window/app-window.component.spec.ts
  ? Test suite failed to run

    Jest encountered an unexpected token

    This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.

    By default, if Jest sees a Babel config, it will use that to transform your files, ignoring …

我正在尝试在 Angular 中设置一种仅在流在线时显示 Twitch 播放器的方式，因此在文档中有此内联 HTML：

<script src= "https://player.twitch.tv/js/embed/v1.js"></script>
<div id="<player div ID>"></div>
<script type="text/javascript">
  var options = {
    width: <width>,
    height: <height>,
    channel: "<channel ID>",
    video: "<video ID>",
    collection: "<collection ID>",
  };
  var player = new Twitch.Player("<player div ID>", options);
  player.setVolume(0.5);
</script>

当然，虽然在 Angular Components 中我们不能使用 < script > 标签，而且我认为目前不可能使用 require 或 import 在我的组件 TypeScript 中使用它。

那么我将如何添加这个功能呢？我知道在我可以实际引用该脚本标签后该怎么做。

我在Electron 5.0.3 中工作，我想隐藏一个BrowserView，这样就不需要重新创建 BrowserView。我对如何实现这一点没有任何偏好。任何解决方案（JS、CSS 等）都足够了。

我已经浏览了BrowserView 文档，我发现这里没有任何可以帮助的内容，并且将 BrowserView 移到屏幕外的某个地方并不完全理想。

我在一个应用程序中工作，并试图添加一个测试框架来自动测试整个应用程序。我正在使用 Vue、Electron、TypeScript 和 Node，但无法获得任何实际使用组件运行的测试。出于某种原因，Jest 似乎不想与节点模块一起工作......我在网上找到任何指向解决这个问题的方法的东西都非常幸运。

任何对该主题有任何了解的人，如果对如何解决在运行测试时导入这些节点模块的问题有任何指示或想法，将不胜感激。我无法想象这是不可能做到的，但通过我的搜索我真的找不到太多东西。

错误：

$ npm run test

> mdc@1.0.0 test C:\Users\daniel\Desktop\MDC\mdc
> jest --detectOpenHandles

FAIL src/app/features/mdc-window/mdc-window.component.test.ts
  ? Test suite failed to run

    Jest encountered an unexpected token

    This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.

    By default, if Jest sees a Babel config, it will use that to transform your files, ignoring "node_modules".

    Here's what you can do:
     • To have some of your …

在我用于实时网站的package.json构建过程中，我之所以使用它，是因为我希望在我的网站上以 HTML 形式显示许可证。 "build-prod": "ng build --prod --extract-licenses"--extract-licenses

我该如何使用.txtAngular 以 HTML 形式显示此文件？

我正在尝试使用 Angular CLI 安装 Angular，但是当我尝试运行此命令时出现错误。

命令

npm install -g @angular/cli

错误：

C:\Users\abc>npm install -g @angular/cli
C:\Users\abc\AppData\Roaming\npm\ng -> C:\Users\abc\AppData\Roaming\npm\node_modules\@angular\cli\bin\ng
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.7 (node_modules\@angular\cli\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.7: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

+ @angular/cli@7.3.6
updated 1 package in 102.686s

节点版本 v10.15.3

所以我正在开发一个新项目,我们想为使用Electron的用户创建一个桌面应用程序.

问题是我需要webview元素上的自定义上下文菜单.

到目前为止我的进展我可以在webview上创建上下文菜单,但我无法访问点击下的内容.:)

index.html的:

<webview id="webViewDefault" class="active" src="http://example.com" minwidth="100%" minheight="100%" partition="somePartition" nodeintegration allowpopups></webview>

renderer.js

    const electron = require('electron');
    const Menu = electron.remote.Menu;

//Create contextmenu template
    const WebViewMenu = Menu.buildFromTemplate([{
        label: 'Button 1', click(){
            console.log('Button 1 clicked');
        }
    },
        {type: 'separator'}, {
            label: 'Button 2', click(){
                console.log('Button 2 clicked');
            }
        }
    ]);

//get webview
    let defaultWebview = document.getElementById("webViewDefault");

//add event listner
    defaultWebview.addEventListener("contextmenu", (event) => {
        const t = event.srcElement.id.split('-');
        WebViewMenu.popup(electron.remote.getCurrentWindow());
    });

因此,href当右键单击发生时,如何获取链接的属性,这样我就可以为用户创建一个新选项卡.

选项卡工作得很好,创建新的Web视图,选择活动的视图等.我只需要从链接获取网址...:D