小编Jon*_*han的帖子

带有 X 右上角的 Angular 8 材质对话框关闭按钮

我试图让我的材质对话框在右上角有一个 X 按钮,但我遇到了定位问题。

组件.ts

this.d.open(loginComponent, {
  width: '300px',
  height: '',
  panelClass: 'dialogC',
});
Run Code Online (Sandbox Code Playgroud)

组件.html

<mat-dialog-content>
    <button mat-button class="close-icon" [mat-dialog-close]="true">
        <mat-icon>close</mat-icon>
    </button>
    <h2 mat-dialog-title>Login</h2>
Run Code Online (Sandbox Code Playgroud)

样式文件

.dialogC {
  position: relative !important;
}

.close-icon {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
}
Run Code Online (Sandbox Code Playgroud)

X 仅与左侧对齐,而不是与右上角对齐。建议?

更新,这是我添加 flex 后遇到的问题:

在此处输入图片说明

html css typescript angular-material angular

20
推荐指数
3
解决办法
5万
查看次数

如何在 SvelteKit 中导入类型 - PageLoad / PageServerLoad

我正在尝试PageLoad根据docs导入 SvelteKit 加载函数的函数。

导入似乎不存在。这是一个全新的应用程序,带有最新版本的 SvelteKit。它会找到PageLoadData就好了。

src/routes/+page.server.ts

+页面.server.ts

我也尝试过这篇文章,但我已经做了它所说的一切。

谢谢,

J

typescript sveltekit

10
推荐指数
0
解决办法
7408
查看次数

python cgitb无法通过浏览器运行

我似乎无法让python模块cgitb在浏览器中输出堆栈跟踪.我在shell环境中没有问题.我用python 2.6运行Centos 6.

这是我正在使用的示例简单代码:

import cgitb; cgitb.enable()

print "Content-type: text/html"
print

print 1/0
Run Code Online (Sandbox Code Playgroud)

我收到内部服务器错误而不是打印的详细报告.我尝试过不同的错误类型,不同的浏览器等.

当我没有错误时,当然python工作正常.它将在shell中打印错误.点cgitb是打印错误,而不是在浏览器中最错误异常返回一个"内部服务器错误"的.基本上我只是想让cgitb在浏览器环境中工作.

有什么建议?

python internal-server-error

8
推荐指数
2
解决办法
1908
查看次数

角度 useFactory 返回模块中的异步函数

我试图弄清楚如何在 Angular 11 中使用useFactory作为异步函数。现在我有这个:

import { ApolloClientOptions } from 'apollo-client';
import { FirebaseService } from './firebase.service';
// other imports here...

export async function createApollo(httpLink: HttpLink, fs: FirebaseService): Promise<ApolloClientOptions<any>> {

  const token = await fs.getToken();

  const getHeaders = async () => {
    return {
      "X-Auth-Token": token,
    };
  };

  // functions has more content here...

  return Promise.resolve({
    link: errorLink.concat(link),
    cache: new InMemoryCache(),
  });
}

@NgModule({
  imports: [HttpLinkModule],
  providers: [
    {
      provide: APOLLO_OPTIONS,
      useFactory: createApollo,
      deps: [HttpLink, FirebaseService],
    },
  ],
}) …
Run Code Online (Sandbox Code Playgroud)

async-await angular-providers angular-module angular angular11

6
推荐指数
1
解决办法
6933
查看次数

将 ECMAScript Observable / Zen Observable 转换为 RXJS Observable

我有一个符合规范的 ECMAScript Observable,特别是来自wonka 库。我正在尝试将这种类型的 observable 转换为 rxjs 6 observable,但没有成功。

看来这在 rxjs 5 中是可能的。我已经尝试过:

import { pipe, toObservable, fromArray } from 'wonka';
import { from } from 'rxjs';
...
from(
  pipe(
    fromArray([1, 2, 3]),
    toObservable
  )
);
Run Code Online (Sandbox Code Playgroud)

我在浏览器中收到此错误:

ERROR TypeError: You provided an invalid object where a stream was expected. 
You can provide an Observable, Promise, Array, or Iterable.
Run Code Online (Sandbox Code Playgroud)

然后是这个:

Argument of type 'observableT<any>' is not assignable to parameter
of type 'ObservableInput<any>'
Run Code Online (Sandbox Code Playgroud)

在可视化代码对话框中。

我可以通过这样做将其转换为zen-observable :

ERROR …
Run Code Online (Sandbox Code Playgroud)

observable rxjs typescript urql

4
推荐指数
1
解决办法
1633
查看次数

如何从 Firestore 规则中的请求路径获取数据

我试图弄清楚如何从 or 上的路径获取数组,update以便create根据路径数据创建验证器:

function test() {

  // option 1
  return string(request.path).split('/')[0] == 'databases';

  // option 2
  // return string(request.resource.__name__).split('/')[0] == 'databases';
}

match /posts/{document} {
  allow update: if test();
  ...
}
Run Code Online (Sandbox Code Playgroud)

我已经尝试了前面的两个示例和request.resource.__name__...request.path如何从请求的路径中解析数据?

谢谢,

J

firebase-security google-cloud-firestore

3
推荐指数
1
解决办法
712
查看次数

如何在Perl中的基类和子类之间共享变量?

我有这样一个基类:

package MyClass;

use vars qw/$ME list of vars/;
use Exporter;
@ISA = qw/Exporter/;
@EXPORT_OK = qw/ many variables & functions/;
%EXPORT_TAGS = (all => \@EXPORT_OK );

sub my_method {

}
sub other_methods etc {

}

--- more code---
Run Code Online (Sandbox Code Playgroud)

我想要子类MyClass,但只适用于一种方法.

package MySubclass;

use MyClass;
use vars qw/@ISA/;
@ISA = 'MyClass';

sub my_method {

--- new method

}
Run Code Online (Sandbox Code Playgroud)

我想把它称为MySubclass我原来的MyClass,并且仍然可以访问所有的变量和函数Exporter.但是我在Exporter从原始类获取变量时遇到问题MyClass,要正确导出.我需要Exporter在子类内再次运行吗?这似乎多余而且不清楚.

示例文件:

#!/usr/bin/perl

use MySubclass qw/$ME/;

-- rest of …
Run Code Online (Sandbox Code Playgroud)

perl inheritance class subclass exporter

2
推荐指数
1
解决办法
4451
查看次数

如何更改角形材料中的垫形场边界颜色

我正在尝试以有角度的材料更改文本框的边框颜色。现在有3种不同的颜色(悬停,聚焦,空闲)。如何更改这些颜色?我希望它们与我的主题不同。

<mat-form-field id="test" appearance="outline">
  <mat-label class="test2">Outline form field</mat-label>
  <input matInput placeholder="name">
</mat-form-field>
Run Code Online (Sandbox Code Playgroud)

有一些选项可以更改字体大小,但是我似乎无法弄清楚颜色:

mat-form-field.mat-form-field {
    font-size: 16px;
    color: red;
}
Run Code Online (Sandbox Code Playgroud)

此处的color属性不变。

感谢您抽出宝贵的时间。

angular-material angular angular6

2
推荐指数
2
解决办法
1万
查看次数

mat-slide-toggle Angular Material 以编程方式切换

我想toggletoggle()通过代码:

模板

<mat-slide-toggle color="primary" (change)="updateFunc($event)"></mat-slide-toggle>
Run Code Online (Sandbox Code Playgroud)

ts

updateFunc(e) {
  // do some checks to see if can be activated
  // if can't be activated, don't slide to on
  e.checked = false; // <--- does not work
  e.toggle(); // <-- does not work
}
Run Code Online (Sandbox Code Playgroud)

有任何想法吗?

- 编辑 -

澄清一下,在更改事件之后,按钮切换为打开状态。我的函数运行是为了做一些测试。如果测试未通过,我想将滑块切换回关闭位置。那么,如何在我的代码中切换按钮(打开或关闭)?这只是在我的代码中使用 toggle() 方法或在我的代码中取消选中开关的问题。

typescript angular-material angular angular8

2
推荐指数
1
解决办法
5265
查看次数

错误:无法匹配任何路由。URL 段:'sockjs-node/info'

在本地机器上运行 angular Universal 时出现此错误npm run dev:ssr

ERROR Error: Uncaught (in promise): Error: Cannot match any routes. 
URL Segment: 'sockjs-node/info'
Error: Cannot match any routes. URL Segment: 'sockjs-node/info'
Run Code Online (Sandbox Code Playgroud)

我不确定这是本地错误还是什么。

谢谢,J

sockjs angular-universal angular

2
推荐指数
1
解决办法
617
查看次数

NestJs Angular Universal 不工作 - 启用离线持久性时出错

使用最新版本的 angular、angularfire 和 angular Universal 时出现此错误。

服务

定期服务没问题...

ng 添加@nestjs/ng-universal

添加了通用,似乎安装得很好...

npm 运行构建:ssr

似乎编译,一些警告,但没有错误......

npm 运行服务:ssr

似乎可以正常工作,直到我在本地主机上加载页面并出现此错误:

启用离线持久性时出错。回退到持久性禁用:错误:ENOENT:没有这样的文件或目录,打开'C:\angular projects\testProject\dist\testproject\server\src\protos\google\firestore\v1\firestore.proto'

---------更新-----------

我删除了dist文件夹并重建,现在我得到了这个错误:

错误:ENOENT:没有这样的文件或目录,打开“google/protobuf/api.proto”

这是完整的错误:

PS C:\angular projects\testapp.io> npm run serve:ssr

> testapp@0.0.0 serve:ssr C:\angular projects\testapp.io
> node dist/testapp/server/main.js

C:\angular projects\testapp.io\dist\testapp\server\main.js:1
!function(e,a){for(var i in a)e[i]=a[i]}(exports,function(modules){var installedModules={},installedChunks={1:0};function __webpack_require__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={i:moduleId,l:!1,exports:{}};return modules[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.l=!0,module.exports}return __webpack_require__.e=function requireEnsure(chunkId){if(0!==installedChunks[chunkId]){var chunk=require("./"+({0:"firebase-functions",2:"vendors~firebase-auth",3:"vendors~firebase-functions"}[chunkId]||chunkId)+".js"),moreModules=chunk.modules,chunkIds=chunk.ids;for(var moduleId in moreModules)modules[moduleId]=moreModules[moduleId];for(var i=0;i<chunkIds.length;i++)installedChunks[chunkIds[i]]=0}return Promise.all([])},__webpack_require__.m=modules,__webpack_require__.c=installedModules,__webpack_require__.d=function(exports,name,getter){

Error: ENOENT: no such file or directory, open 'google/protobuf/api.proto'
    at Object.openSync (fs.js:443:3)
    at Object.readFileSync (fs.js:343:35)
    at fetch (C:\angular projects\testapp.io\dist\testapp\server\main.js:1:1329786)
    at …
Run Code Online (Sandbox Code Playgroud)

firebase angular-universal angular google-cloud-firestore nestjs

1
推荐指数
1
解决办法
1076
查看次数

c ++指向结构数组的指针

有人可以向我解释为什么这不起作用?

struct person {
  string name;
  int age;
};

// in function
person friends[NUM_OF_FRIENDS];
friends[0].name = "bob";
friends[1].name = "bill";
friends[2].name = "liz";
friends[3].name = "frank";
friends[4].name = "carl";
friends[0].age = 20;
friends[1].age = 30;
friends[2].age = 32;
friends[3].age = 10;
friends[4].age = 85;

// array of pointers

person (*friends_ptrs)[NUM_OF_FRIENDS] = &friends;

cout << friends_ptrs[0]->name << endl;

cout << friends_ptrs[1]->name << endl;
Run Code Online (Sandbox Code Playgroud)

"bob"打印正常,但"bill"会导致错误.如果没有找到"账单",怎么能"bob"打印?

我意识到我可以这样做:

person *friends_ptrs = friends;
Run Code Online (Sandbox Code Playgroud)

但后来我没有使用箭头符号,它违背了本练习的目的.

那么如何使用带箭头符号的指针访问friends []结构?

c++

-2
推荐指数
1
解决办法
1238
查看次数