问题列表 - 第279873页 | 那些遇到过的问题

如何修复'debounceTime 和distinctUntilChanged | 使用打字稿的 Angular 5 中的 RxJS 错误

我有一个用于检测 keyup 的输入搜索元素，我想使用 debounce 来限制对 API 的请求，但我无法让它工作。我只是想测试 debounceTime 和 distinctUntilChanged。

我已经尝试过 (Keyup) 但无法正常工作。

<input (keyup)="onKeyUp($event)"  id="testInput" autocomplete="off" type="text" name="searchFilterText" class="m-list-search__form-input" value="" placeholder="Search...">

Run Code Online (Sandbox Code Playgroud)

这是打字稿文件中的代码。

searchInput = document.getElementById('testInput');
observable: any;

/// <summary>
/// Process the search term provided on key up for the input field.
/// </summary>
/// <param name="searchTerm">The search term.</param>
onKeyUp(event: KeyboardEvent) {
    //console.log(event);
    let element = event.target as HTMLInputElement;
    let value = element.value;

    this.observable = fromEvent(this.searchInput, event.type)
        .debounceTime(500) // millisecs until value gets emitted.
        .distinctUntilChanged()
        .subscribe(function (event) {
            console.log(event.target.value); …

Run Code Online (Sandbox Code Playgroud)

typescript angular

nle*_*ess

2019 02-20

2
推荐指数

1
解决办法

2876
查看次数

React-router-dom NavLink不渲染但转到路径

我今天的问题是我正在使用react-router-dom并且在AppRouter.js中设置了所有路径：

import React, { Component } from 'react';
import {BrowserRouter, Route, Switch} from 'react-router-dom';
import { Landing } from '../components/Landing';
import About from '../components/About';
import { Resume } from '../components/Resume';
import { Phone } from '../components/Phone';
import { Github } from '../components/Github';


export class AppRouter extends Component {
   render() {
    return (
      <BrowserRouter>
        <div>          
              <Switch>
                  <Route exact path='/' Component={Landing}/>
                  <Route path='/about' Component={About} />
                  <Route path='/resume' Component={Resume} />
                  <Route path='/phone' Component={Phone} />
                  <Route path='/github' Component={Github} />
              </Switch>

        </div>
      </BrowserRouter>
    )
  } …

Run Code Online (Sandbox Code Playgroud)

reactjs react-router-dom

Nim*_*ghi

2019 02-19

4
推荐指数

1
解决办法

4472
查看次数

如何在 vim 中从终端切换回编辑器？

我是 vim 新手，我了解到在 vim 中可以通过两种方式与终端交互。首先是输入： ! 。第二个是 :term，当您有一个与源代码并排的终端时。当我按下 :term 时，我的光标就位于终端中。如何切换回源代码，反之亦然？这里的答案并没有真正的帮助。我尝试了组合键 CW，然后是 :bn，但它只退出终端，然后再次返回终端。

（如何在 Vim 中运行终端？）

linux vim

mle*_*312

lucky-day

6
推荐指数

1
解决办法

1万
查看次数

在打字稿中具有嵌套属性的猫鼬模式

从打字稿开始，我尝试声明一个 Mongoose 模式，它看起来像这样：

User
{
    name : { type: String, required: true },
    ...
    credentials :
    {
        email : { type : String, required : true },
        password : { type : String, required : true },
    },
    ...
}

Run Code Online (Sandbox Code Playgroud)

我试过这个：

import { Document, Types, Schema, Model, model } from "mongoose";

export interface ICredentials
{
    email?:string,
    password?:string,
}

export interface IUser extends Document
{
    name?:string;
    credentials?:ICredentials;
}

export var UserSchema:Schema = new Schema
({
    name            : { type : String, …

Run Code Online (Sandbox Code Playgroud)

nested mongoose typescript

T00*_*0rk

2019 02-19

7
推荐指数

1
解决办法

1248
查看次数

D3.js跨多个图同步缩放

我想制作折线图,以便与多个网页同步缩放/平移.

这些客户端具有相同的Javascript和HTML源.用户缩放或平移客户端A,将数据域的日期时间的消息发送给另一个和发送者(上图中的蓝线),并且接收的客户端的图表将同时更改.当然,其他客户也可以这样做.它类似于聊天应用程序.

缩放功能是:

 function zoomed() {
        let msg = [];
        let t = d3.event.transform; //1)

        msg[0] = t.rescaleX(x2).domain()[0].toString(); //2)
        msg[1] = t.rescaleX(x2).domain()[1].toString(); //2)

        sendMessage(msg); //3)
    }

Run Code Online (Sandbox Code Playgroud)

d3.event.transform捕获鼠标事件.
转换为日期时间和字符串.
将新的扩展域发送到服务器.

服务器将收到的数据发送给所有客户

function passiveZoom(rcv){
        let leftend;
        let rightend;
        leftend = new Date(rcv[0]);
        rightend = new Date(rcv[1]);

        x.domain([leftend, rightend]);

        svg.select(".line").attr("d", valueline);
        svg.select(".axis").call(xAxis);
    }

Run Code Online (Sandbox Code Playgroud)

收到来自服务器的消息,其中包含新的一天时间.
设置新域名,
更新折线图.

通过这种方式,可以缩放所有折线图.

但是,它不能按要求工作.

如果我在客户端A中进行缩放,则客户端B和客户端C将被更改.那没问题.

接下来,我在客户端C上放大(上图中的橙色线),所有图形都变为初始比例和位置.为什么!？

我假设鼠标坐标没有发送到客户端,但是当我发送鼠标的位置坐标时应该如何处理？

缩放|平移过程是从mbostock的块中分叉的:画笔和缩放.发件人还会更改X2域的范围t.rescalex (x2).domain().由于X2未在图纸中使用,我将X更改为x2,但我只能放大.我不明白X2的含义.

您能告诉我如何同步所有客户吗？什么是x2？

此代码适用于使用v4从简单折线图分叉的客户端.

<!DOCTYPE html>
<meta charset="utf-8">
<style>
/* set the CSS */ …

Run Code Online (Sandbox Code Playgroud)

javascript interaction zoom node.js d3.js

pro*_*et5

2019 02-20

5
推荐指数

1
解决办法

581
查看次数

通过 JavaScript 打开 UIKit 模态

我正在使用 UIKit 框架，它们的模式如下所示：

<div id="modal-id" uk-modal>
    <div class="uk-modal-dialog">
        <button class="uk-modal-close-default" type="button" uk-close></button>
        <div class="uk-modal-header">
            <h2 class="uk-modal-title">Modal Title</h2>
        </div>
        <div class="uk-modal-body">
            <p>Lorem ipsum dolor sit amet</p>
        </div>
        <div class="uk-modal-footer uk-text-right">

            <button class="uk-button uk-button-primary" type="button">Ok</button>
        </div>
    </div>
</div>

Run Code Online (Sandbox Code Playgroud)

它通过一个按钮正常打开：

<a id='open-modal' uk-toggle="target: #modal-id" href="#">Open</a>

Run Code Online (Sandbox Code Playgroud)

我想将其链接到按键，因此当按下 H 时，它会切换模态：

document.body.onkeyup = function(e){
    if(e.keyCode === 72){
        console.log('H key pressed');
         // Toggle Modal
    }
}

Run Code Online (Sandbox Code Playgroud)

我在模态按钮 id 上使用 .trigger('click') 与 Bootstrap 一起工作，但它不适用于 UIKIT

javascript modal-dialog getuikit

Ari*_*Ari

lucky-day

2
推荐指数

1
解决办法

2774
查看次数

是否有必要在android应用程序上使用com.google.android.gms.ads.AdActivity？

我正在为我的 Android 应用程序设置横幅广告的使用。我已按照官方文档进行操作：https://developers.google.com/admob/android/quick-start

我想澄清的疑问是，互联网上的一些教程说你需要在 android 清单中添加以下代码：

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


   <meta-data android:name="com.google.android.gms.version"
           android:value="@integer/google_play_services_version"/>

    <activity android:name="com.google.android.gms.ads.AdActivity"
     android:configChanges="keyboard|keyboardHidden|orientation|
                       screenLayout|uiMode|screenSize|smallestScreenSize"/>

Run Code Online (Sandbox Code Playgroud)

官方文档没有对此做出任何说明，那怎么办？如果没有它，我的广告能否正常运行？

android admob

Fel*_*ipe

2019 02-25

5
推荐指数

1
解决办法

1万
查看次数

在Haskell中%做了什么？

我习惯使用%来表示其他语言中的"modulo".在Haskell中,我们必须使用mod x y或x `mod` y.那么,Haskell中使用的这个符号是什么？

haskell modulo

Rya*_*yan

lucky-day

1
推荐指数

2
解决办法

232
查看次数

错误：(gcloud.services.enable) 用户没有访问项目的权限（或者它可能不存在）：调用者没有权限

我希望将一个脚本放在一起，我可以从 Cloud Shell 运行该脚本以在所有项目中启用 API。它成功地通过了每个项目，但我收到了每个项目的许可被拒绝消息。我是所有者，所以不应该有任何许可问题。

作为权限测试，如果我只运行“gcloud services enable cloudresourcemanager.googleapis.com”，API 将成功启用。

我错过了什么？

#!/bin/bash
for project in  $(gcloud projects list --format="value(projectId)")
do
    echo "ProjectId:  $project"
    for enableapi in $(gcloud services enable cloudresourcemanager.googleapis.com list --project $project --format=list)
     do
        echo "    -> Enabled $enableapi"
    done
done

Run Code Online (Sandbox Code Playgroud)

bash google-cloud-platform google-cloud-shell

Luc*_*cas

lucky-day

5
推荐指数

1
解决办法

5455
查看次数