小编Cro*_*csx的帖子

防止按 Enter 在 Angular4 中创建新行

我有一个按 Enter 时提交的 textarea

https://stackblitz.com/edit/angular-uvxifq-uyxteg

<textarea class="message-area" (keyup.enter)="ValidateCommentAndPost(commentErr, $event);" [(ngModel)]="comment" matInput #commentErr="ngModel"></textarea>
Run Code Online (Sandbox Code Playgroud)

我想在按下 Enter 键时禁用新 Line,所以我在网上获取了一些信息并做了 .

ValidateCommentAndPost(ngComment:NgModel, event?:KeyboardEvent){
    event.preventDefault();
    if((ngComment.invalid && (ngComment.dirty || ngComment.touched)) && ngComment.errors) {
        this.ResetComment();
    } else {
        this.PostComment();
    }
}
Run Code Online (Sandbox Code Playgroud)

但这不起作用,return false;仍然创建一条白线。

我能做什么?

html forms input angular

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

如何让 onclick 函数调用外部模块文件

我有这个代码

<div class="signup">
    <h2 class="form-title" id="signup"><span>or</span>Sign up</h2>
    <div class="form-holder">
        <input type="text" class="input" placeholder="Name" />
        <input type="email" class="input" placeholder="Email" />
        <input type="password" class="input" placeholder="Password" />
    </div>
    <button onclick="signup(this)" class="submit-btn">Sign up</button>
</div>
<script type="module" src="/libs/ajax.js"></script>
<script type="module" src="/scripts/login.js"></script>
Run Code Online (Sandbox Code Playgroud)

没有从这里的 onclick 中,我想调用我的 login.js 文件中的函数注册

    import { Ajax } from '../libs/ajax.js'
    let signup = (e) =>{
        console.log(e)
    }
Run Code Online (Sandbox Code Playgroud)

问题是,我使用 type="module" 因为我想在该 js 文件中导入脚本。但是,通过分配类型模块,无法从 html 文件中找到该函数。如果我删除 import 并删除 type="module" 它确实有效。

有没有办法从 onclick 绑定函数而不将我的函数分配给 window. 范围 ?

html javascript

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

Eslint 在我的 React 应用程序中不起作用

我正在尝试将 eslint 添加到我的打字稿create-react-app应用程序中。我正在使用 Visual Studio 代码。

我做了:

  1. 下载可视化代码中的Eslint包
  2. 下载 Eslint 包
  3. 我安装了3个eslint插件
    "eslint:recommended", 
    "plugin:@typescript-eslint/recommended",
    "plugin:react/recommended"
Run Code Online (Sandbox Code Playgroud)
  1. 在应用程序的根文件夹中创建一个.eslintrc如下所示的文件
{
  "plugins": [
    "react"
  ],
  "extends": [
    "eslint:recommended", 
    "plugin:@typescript-eslint/recommended",
    "plugin:react/recommended"
  ],
  "parserOptions": {
    "ecmaVersion": 7,
    "sourceType": "module",
    "ecmaFeatures": {
        "jsx": true
    }
  },
  "env": {
    "browser": true,
    "node": true,
    "es6": true
  },
  "settings": {
    "import/resolver": {
      "node": {},
      "babel-module": {
        "root": ["./src"]
      }
    }
  }
}
Run Code Online (Sandbox Code Playgroud)
  1. 启动 eslint 并重新启动 vs code

现在,我尝试做一些 linting 问题,例如尾随空格或不是 pascalCase,但我从未收到 Eslint 的警告,我只看到打字稿错误,但从未看到类似的 linting 问题。

是否需要进行一些额外的配置才能使其在我的工作区上运行?

typescript eslint visual-studio-code create-react-app

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

刷新后选择保留选项

我有一个按照我在参数中插入的2个参数排序的人员列表.

当有人选择参数时,如何在刷新或更改/返回页面时保持选择该参数?

我在互联网上的一些帖子上看到了一些问题,但大多数都使用JQuery,我不想使用它.

代码是这样的:

<select name="idactivity_contact[]" id="_activity" multiple="multiple" size="10" style="width:150px;">
    <option disabled="disabled" style="background-color:#dddddd;font-weight:bold;">Shipbroking</option>
    <option value="1">Newbuilding</option>
    <option value="2">Sales and Purchase</option>
    <option value="3">Bulk</option>
</select>
Run Code Online (Sandbox Code Playgroud)

代码是在PHP中手动生成的,但我稍后会做一个函数

html

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

在 Angular 7 中更改 url 而不重定向

我想添加一个 url 路径,而不重定向页面。

就像我在 /home/ 页面上一样,我想移动到 /home/item1 而不触发重定向。

我在堆栈上找到了很多示例,但它们都不能在 Angular 7 中工作。

location.go 或 location.replaceState 无法从

constructor(private location: Location) { }
Run Code Online (Sandbox Code Playgroud)

我正在尝试在 Angular 7 中找到一种方法。

angular

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

VS Code TypeScript 在项目中变白

我正在使用打字稿,突然我的所有项目都变成了白色。唯一突出显示的是括号。我不知道我是否按下了快捷键或其他什么。

其他语言(如 css 和 html)具有正确的颜色,但我所有的 Typescript 现在都是全白色的。

是否有一些设置需要检查?

我试过

  • 将主题更改为 Dark+
  • 清除编辑器历史记录
  • 重新启动计算机 在此输入图像描述

visual-studio-code

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

在地图中的特定索引处插入

正如文档Map所说:

Map 中的键是有序的,而添加到对象的键则不是。因此,当迭代它时,一个 Map 对象按插入的顺序返回键。

为了充分利用这一点,我需要以Map给定的特定顺序将一个元素插入到 a中。

我知道这可以用数组来完成,但我更喜欢使用 a,Map因为我需要按键进行大量查找,并且 aMap在这种情况下效果很好,同时易于维护。

我想出了这样的事情,我想知道是否有更好的方法来做到这一点。

  function insertAtIndex(index, key, value, map){
    var iterator1 = map[Symbol.iterator]();
    var tmpMap = new Map();
    var tmpIndex=0;
    for (let item of iterator1) {
        if(tmpIndex === index){
            tmpMap.set(key, value);
        }
        tmpMap.set(item[0], item[1]);
        tmpIndex++;
    }
    return tmpMap;
  }
Run Code Online (Sandbox Code Playgroud)

或者

  insertCardAtIndex(index: Number, key: string, value:boardCard, map:Map<string, boardCard>): Map<string, boardCard> {
    let clonedMap = new Map(map);
    let tmpMap = new Map<string, boardCard>();
    let tmpIndex = 0; …
Run Code Online (Sandbox Code Playgroud)

javascript dictionary typescript

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

初始化存储时不会触发 ROOT_EFFECTS_INIT

我有一个带有 Init Effect 的效果 =>

  @Effect()
  init$ = this.actions$.pipe(
    ofType(ROOT_EFFECTS_INIT),
    map(action =>
      new featureActions.GetAllMissionRequest({
        projectID: environment.projectId,
        projectContextID: environment.projectId
      })
    )
  );
Run Code Online (Sandbox Code Playgroud)

我在文件底部添加了这个,我还尝试包含一个延迟,但是当我的商店初始化时,这个效果永远不会触发。

我检查了 ngrx 的存储库,但我应用的解决方案没有触发我的功能。

难道我做错了什么 ?

redux ngrx

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

如何在 gltf 文件上添加元数据?

我有一个 gltf,它是一套建筑。

我想添加有关每个建筑物的一些信息,为此,我需要向我的 gltf 模型添加一些属性。

但是,我尝试添加这样的东西

{
  "accessors": [
    {
      "name": "object_1_1_0_positions",
      "componentType": 5126,
      "count": 4,
      "min": [
        -232.96347045898438,
        3.5689821243286133,
        -204.4241485595703
      ],
      "max": [
        -230.46347045898438,
        35.427982330322266,
        -204.4241485595703
      ],
      "properties" : { "description" : "my description 1" } 
      "type": "VEC3",
      "bufferView": 0,
      "byteOffset": 0
    },
    {
      "name": "object_1_1_0_normals",
      "componentType": 5126,
      "count": 4,
      "min": [
        -0.1212499663233757,
        0,
        0.9926220178604126
      ],
      "max": [
        -0.1212499663233757,
        0,
        0.9926220178604126
      ],
      "properties" : { "description" : "my description 2" } 
      "type": "VEC3",
      "bufferView": 1,
      "byteOffset": 0
    },
    ..... …
Run Code Online (Sandbox Code Playgroud)

gltf

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

具有包含参数的时刻 isBetween 不起作用

我正在使用momentjs。

如果日期介于两个日期之间(并包括这两个日期),我想显示一个值

下一刻文档

moment('2019/09/02').isBetween(
  '1900/01/01',
  '2019/09/02',
  '[]'
)
Run Code Online (Sandbox Code Playgroud)

为什么这会返回 false ?它应该返回 true,因为今天包含在今天中。

javascript date momentjs

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

设置后找不到 godotenv 命令

在我的 Mac 上,我安装了 go,并从 github 设置了一个使用 godotenv 的 REPO。

我使用了这个包

go get github.com/joho/godotenv/cmd/godotenv

并运行脚本

godotenv -f .env bee run -main=./cmd/web/main.go -runmode=local

此次回归

godotenv: command not found

我的路径已设置

MacTests-MacBook-Air:dooh_frontend mactest$ go env PATH

MacTests-MacBook-Air:dooh_frontend mactest$ go env GOPATH
/Users/mactest/go
Run Code Online (Sandbox Code Playgroud)

在里面go/bin我确实看到了godotenv

我缺少什么?

go

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