小编Kod*_*_12的帖子
如何检查我的元素ID是否具有焦点？
假设我有以下div在满足某个条件后获得焦点:
<div id="myID" tabindex="-1" >Some Text</div>
我想创建一个处理程序,检查该div是否具有焦点,当它评估为true/focus在div上时,执行某些操作(在下面的示例中,打印控制台日志):
if (document.getElementById('#myID').hasFocus()) {
$(document).keydown(function(event) {
if (event.which === 40) {
console.log('keydown pressed')
}
});
}
我在控制台中收到一条错误消息:
TypeError:无法读取null的属性'hasFocus'
知道我在这里做错了吗？也许我传递div Id的方式？
推荐指数
解决办法
查看次数
是否有div元素的"alt"属性？
屏幕阅读器将读取设置为"alt"属性的任何字符串.此属性的使用专门用于图像标记.
如果我有这样的div:
<div id=myCoolDiv tabindex="0"> 2 <div>
有没有办法让屏幕阅读器拾取属性以读取字符串的方式与使用alt标签的方式相同？
因此,对于下面列出的div,屏幕阅读器会说:"购物车项目2"？
我尝试使用aria-label,但屏幕阅读器不会捡起它:
<div id=myCoolDiv tabindex="0" aria-label="shopping cart items"> 2 <div>
推荐指数
解决办法
查看次数
无法从 Docker Desktop 中删除 Docker 容器
我正在尝试删除 Docker 桌面应用程序上的容器。（v3.6.0 Mac）
无法删除 Docker Compose 应用程序。原因：调用远程方法“compose-action”时出错：错误：命令失败：docker-compose --file“docker-compose.yaml”--project-name“tos-apps”--project-directory“/Users/kunalojha /Desktop/tos-apps" down time="2021-08-22T18:40:00-05:00" level=warning msg="未设置“UID”变量。默认为空白字符串。" time="2021-08-22T18:40:00-05:00" level=warning msg="未设置“UID”变量。默认为空字符串。" services.redis.user 必须是字符串
每当我尝试关闭它时，它似乎都会抛出此消息。我已经看到一个关于此问题的 github 问题已打开，并在新版本发布后关闭，但我仍然面临同样的问题。关于如何解决这个问题有什么想法吗？
推荐指数
解决办法
查看次数
无法将D3.js(可折叠树)集成到Angular应用程序中
我正在进行角度应用.我想在下面的d3图表中添加,但是当我只是将Javascript插入我的控制器,样式到我的样式表中时,什么都没有出现.有人建议我,Angular和D3不是很好玩.
我已经附加了我的角度设置而没有添加d3对象.我想将它添加到workHistory Controller/Directive/View中.有关正确设置方法的建议是什么？谢谢!
的index.html
<!doctype html>
<html lang="en" ng-app="webApp">
<head>
<meta charset="utf-8">
<title>My Portfolio</title>
<!--Stylesheets -->
<link rel="stylesheet" href="styles/main.css"/>
<link rel="stylesheet" href="styles/d3.tree.css"/>
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/select2/3.5.0/select2.min.css"/>
<!--Libraries -->
<script src="bower_components/angular/angular.min.js"></script>
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/angular-route/angular-route.min.js"></script>
<script src="bower_components/angular-loader/angular-loader.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/select2/3.5.0/select2.min.js"></script>
<!--Module -->
<script src="scripts/modules/module.js"></script>
<script src="scripts/modules/d3.module.js"></script>
<!--Controllers -->
<script src="scripts/controllers/mainHeroController.js"></script>
<script src="scripts/controllers/workHistoryController.js"></script>
<!--Directives-->
<script src="scripts/directives/mainHero.directive.js"></script>
<script src="scripts/directives/mainNavbar.directive.js"></script>
<script src="scripts/directives/workHistory.directive.js"></script>
</head>
<!--Main Landing Page-->
<body>
<main-navbar></main-navbar>
<main-hero></main-hero>
<div id="container1" ng-controller="WorkHistoryController">
<h3 id="tree-title">Work History</h3>
<work-history …推荐指数
解决办法
查看次数
NullInjectorError: Store 没有提供者
我在运行单元测试时收到以下错误：
Error: StaticInjectorError(DynamicTestModule)[BlogService -> Store]:
StaticInjectorError(Platform: core)[BlogService -> Store]:
NullInjectorError: No provider for Store!
这是我的测试文件中的代码：
import { TestBed, inject } from '@angular/core/testing';
import { BlogService } from './blog.service';
describe('BlogService', () => {
beforeEach(() => {
TestBed.configureTestingModule({
providers: [BlogService]
});
});
it('should be created', inject([BlogService], (service: BlogService) => {
expect(service).toBeTruthy();
}));
});
我不确定为什么会发生此错误。我认为“注入”调用实例化了服务。
推荐指数
解决办法
查看次数
如何在转换为数字值时防止字符串值被舍入？
我有一个输入字段,接受数值.我想找到一个方法,将该字符串值转换为数字值.
ParseInt()是最先找到的,然后是toFixed().
这些有什么共同之处？它将值舍入为其整数值(就像ParseInt建议的那样 - 我知道!).
如何在保留任何小数值的同时将字符串表示转换为数字值？
例如:
"54.3" --> 54.3
推荐指数
解决办法
查看次数
从电子容器IPC通道接收数据时，变更检测会间歇性地工作
我有一个正在侦听来自IPC渲染器通道的传入数据的应用程序。这是我的设置：
将数据发送到角度应用程序（mainWindow）的容器：
mainWindow.loadURL('http://www.myangularapp.com') //where the angular app lives (example url).
mainWindow.webContents.on('did-finish-load', () => {
const data = { name: "John Doe", address: "123 Main St", city: "NY"}
mainWindow.webContents.send('data-from-container', data)
}
})
角度应用：
constructor(
private store: Store<fromStore.AppState>,
private cd: ChangeDetectorRef,
private zone: NgZone,
) {}
ngOnInit() {
this.isLoading = true;
if (this.electronService.ipcRenderer) {
this.electronService.ipcRenderer.on('data-from-container', (event, data) => {
this.zone.run(() => {
if(data){
setTimeout(() => {
console.log(data) // verified data is always received
this.formData = data; // property that form uses to …推荐指数
解决办法
查看次数
打开时，“材料下拉列表”组件的Z索引未在固定div之下分层
目标： 我希望将页眉，选项卡部分和单选按钮部分固定为某种形式（请参见下图）。意味着它们应该始终在视野中，并且永远不要有任何重叠的元素。
该表格如下所示：
当我简单地向下滚动表单时，这工作正常：
问题：
当我打开Angular Material下拉菜单时，它覆盖了Radio Button部分：
这是HTML。突出显示的部分是我要固定在表单上的元素：
这是3个部分的CSS
//Header:
.module__header {
position: fixed;
top: 0px;
z-index: 1001;
display: flex;
height: 35px;
width: 100%;
background-color: #082749;
color: #FFFFFF;
font-size: 14px;
font-weight: 500;
align-items: center;
justify-content: stretch;
padding: 0;
margin-bottom: 0;
}
// Tab Section:
.mat-tab-label-container {
position: fixed;
top: 35px;
padding-top: 10px;
z-index: 1001;
width: 100%;
background: #fff;
}
// Radio Button Section:
.timaticFullTextView {
padding-top: 35px;
padding-left: 15px;
padding-bottom: 15px;
background: #fff;
z-index: 1001;
position: fixed; …推荐指数
解决办法
查看次数
是否可以向 RxJs Websocket 添加请求标头？
我正在寻找从我的角度应用程序到服务器创建基本的 Websocket 连接。根据 RxJs 文档，“websocket”方法是浏览器提供的 WebSocket 对象的包装器：
import { Injectable } from '@angular/core';
import { webSocket } from 'rxjs/webSocket';
@Injectable({
providedIn: 'root'
})
export class WebSocketService {
connect(url: string) {
return webSocket(url);
}
}
虽然这些示例非常简单，但令我惊讶的是缺乏有关浏览器需要将数据作为请求标头（即身份验证令牌）的一部分发送给服务器以满足请求的场景的文档。JavaScript WebSockets 支持吗？
我已经看到了一种解决方法，其中 websocket url 将添加令牌作为查询参数（见下图），但这是一个应该避免的安全漏洞。任何建议或参考都会有所帮助！
推荐指数
解决办法
查看次数
'Observable <User>'类型中不存在属性'switchMap'
尝试将switchMap运算符应用于我的Observable时,我收到以下错误消息:
属性'switchMap'在'Observable'类型上不存在.
我目前正在使用rxjs版本5.5.2,在我的组件中,我将它导入如下:
import 'rxjs/operator/switchMap';
但是,我仍然遇到编译错误.我已经查看了类似的问题,并没有找到适当的解决方案,对这里的问题提出了什么建议？
get appUser$() : Observable<AppUser> {
return this.user$
.switchMap(user => {
if (user) return this.userService.get(user.uid);
return Observable.of(null);
});
}
图片:
推荐指数
解决办法
查看次数