我试图让我的材质对话框在右上角有一个 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 后遇到的问题:
我似乎无法让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在浏览器环境中工作.
有什么建议?
我试图弄清楚如何在 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
我有一个符合规范的 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) 我试图弄清楚如何从 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
我有这样一个基类:
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) 我正在尝试以有角度的材料更改文本框的边框颜色。现在有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属性不变。
感谢您抽出宝贵的时间。
我想toggle
的toggle()
通过代码:
模板
<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() 方法或在我的代码中取消选中开关的问题。
在本地机器上运行 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
使用最新版本的 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
有人可以向我解释为什么这不起作用?
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 []结构?