小编iCh*_*ido的帖子

当业力已经安装时找不到karma命令

我使用node.js来安装业力.在终端上运行以下命令时,我的第一次尝试失败:

npm install -g karma
Run Code Online (Sandbox Code Playgroud)

那失败了所以我决定使用:

sudo npm install -g karma
Run Code Online (Sandbox Code Playgroud)

输入密码后,它似乎正确安装.我正在粘贴安装输出的一部分,也许它对某人意味着什么,它将与我的问题相关.在所有npm http消息之后,这就是我所看到的:

> ws@0.4.27 install /usr/local/share/npm/lib/node_modules/karma/node_modules/socket.io/node_modules/socket.io-client/node_modules/ws
> (node-gyp rebuild 2> builderror.log) || (exit 0)

  CXX(target) Release/obj.target/bufferutil/src/bufferutil.o
  SOLINK_MODULE(target) Release/bufferutil.node
  SOLINK_MODULE(target) Release/bufferutil.node: Finished
  CXX(target) Release/obj.target/validation/src/validation.o
  SOLINK_MODULE(target) Release/validation.node
  SOLINK_MODULE(target) Release/validation.node: Finished
/usr/local/share/npm/bin/karma -> /usr/local/share/npm/lib/node_modules/karma/bin/karma
karma@0.8.6 /usr/local/share/npm/lib/node_modules/karma
??? pause@0.0.1
??? dateformat@1.0.2-1.2.3
??? xmlbuilder@0.4.2
??? colors@0.6.0-1
??? chokidar@0.6.2
??? growly@1.1.1
??? mime@1.2.9
??? q@0.9.6
??? rimraf@2.1.4 (graceful-fs@1.2.3)
??? coffee-script@1.6.3
??? minimatch@0.2.12 (sigmund@1.0.0, lru-cache@2.3.0)
??? optimist@0.3.5 (wordwrap@0.0.2)
??? glob@3.1.21 (inherits@1.0.0, graceful-fs@1.2.3)
??? LiveScript@1.0.1 (prelude-ls@1.0.1)
??? …
Run Code Online (Sandbox Code Playgroud)

macos terminal node.js karma-runner

69
推荐指数
3
解决办法
4万
查看次数

对象作为React子对象无效.如果您要渲染子集合,请使用数组

我正在设置一个带有Rails后端的React应用程序.我收到错误"对象作为一个React子句无效(找到:带有键{id,name,info,created_at,updated_at}的对象).如果你想渲染一个子集合,请改用数组."

这就是我的数据:

[
    {
        "id": 1,
        "name": "Home Page",
        "info": "This little bit of info is being loaded from a Rails 
        API.",
        "created_at": "2018-09-18T16:39:22.184Z",
        "updated_at": "2018-09-18T16:39:22.184Z"
    }
]
Run Code Online (Sandbox Code Playgroud)

我的代码如下:

import React from 'react';

class Home extends React.Component {

  constructor(props) {
    super(props);
    this.state = {
      error: null,
      isLoaded: false,
      homes: []
    };
  }

  componentDidMount() {
    fetch('http://localhost:3000/api/homes')
      .then(res => res.json())
      .then(
        (result) => {
          this.setState({
            isLoaded: true,
            homes: result
          });
        },
        // error handler
        (error) => {
          this.setState({
            isLoaded: true,
            error
          }); …
Run Code Online (Sandbox Code Playgroud)

javascript arrays reactjs

33
推荐指数
8
解决办法
6万
查看次数

AngularJS货币过滤器:如果金额中没有美分,我可以删除.00吗?

我跟着这个:http : //docs.angularjs.org/api/ng.filter : currency当我在字段中键入1234.56时,输出应该是$ 1,234.56.但如果输入输入1234,则输出为$ 1,234.00.我不希望出现小数和零.如何才能做到这一点?

angularjs

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

Angular 4 Reactive Forms切换隐藏表单元素的验证

我有一个反应形式,在负载时不需要任何字段.如果选择了一个选项,将其他表单元素添加到formGroup中,则所有新显示的字段都是必需的.如果昵称字段被隐藏,那么您应该能够提交表格.如果显示昵称,则需要昵称字段,并且在昵称字段已满之前禁用提交按钮.这是我想要做的一个例子.

我的问题是,一旦显示/隐藏表单元素,如何启用/禁用验证?

App.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';

import { AppComponent } from './app.component';
import { HelloComponent } from './hello.component';

@NgModule({
  imports:      [ BrowserModule, FormsModule, ReactiveFormsModule ],
  declarations: [ AppComponent, HelloComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }
Run Code Online (Sandbox Code Playgroud)

App.component.ts

import { Component, OnInit } from '@angular/core';
import { Validators, FormControl, FormGroup, FormBuilder } from '@angular/forms';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ …
Run Code Online (Sandbox Code Playgroud)

forms validation reactive angular

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

在 Google Chrome 上保存本地主机地址的用户名/密码

Google Chrome 不允许我保存我的本地主机地址之一的密码和用户名。在过去的版本中没有这个问题,但现在我收到警告,地址末尾缺少 .com。

有谁知道如何强制 Chrome 接受我的本地主机应用程序之一的凭据?

对于我的服务器类型,我不想使用 127.0.0.1

错误消息示例

google-chrome google-chrome-devtools

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

primeNG p-checkbox找不到具有未指定名称属性的控件

如他们的网站上所述,使用primng时收到错误消息“找不到具有未指定名称属性的控件”。 https://www.primefaces.org/primeng/#/checkbox

我的代码如下:

import { Component } from '@angular/core';
import { Validators, FormControl, FormGroup, FormBuilder } from '@angular/forms';

@Component({
    selector: 'primary-contact',
    templateUrl: './primary-contact.component.html',
    styleUrls: ['./primary-contact.component.scss']
})

export class PrimaryContactComponent {

constructor(private fb: FormBuilder) {}

primaryContactForm: FormGroup;

ngOnInit() {

    this.primaryContactForm = this.fb.group({
        'preferredCall': new FormControl(),
        'preferredText': new FormControl(),
        'preferredEmail': new FormControl()
    })
  }
}
Run Code Online (Sandbox Code Playgroud)

模板是:

<span class="form-element">
    Notification Preferences
        <div class="group">
            <label>
                <p-checkbox label="Call" [formControl]="primaryContactForm.get['preferredCall']"></p-checkbox>
            </label>
            <label>
                <p-checkbox label="Text" [formControl]="primaryContactForm.get['preferredText']"></p-checkbox>
            </label>
            <label>
                <p-checkbox label="Email" [formControl]="primaryContactForm.get['preferredEmail']"></p-checkbox>
            </label>
        </div>
</span>
Run Code Online (Sandbox Code Playgroud)

我尝试将name属性添加到三个p复选框中,这两个复选框的值都是唯一的和相似的值,但是它不能解决问题。

使用属性formControlName代替[formControl]可以清除错误,但是根据primefaces网站,建议不要在p复选框上使用此属性。

primeng angular

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

类型“AbstractControl”上不存在 Angular 5 嵌套表单和验证以及属性“控件”

我已经设置了一个嵌套的表单组。到目前为止一切正常。但是当有嵌套的表单元素时,我不确定如何正确设置验证警报。

发生的一件特别的事情是在构建期间我收到错误:“AbstractControl”类型上不存在属性“控件”

这是我的代码:

import { Component, OnInit } from '@angular/core';
import { Validators, FormControl, FormGroup, FormBuilder } from '@angular/forms';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent implements OnInit {
  name = 'Reactive Form - Nested FormGroups';

  myForm: FormGroup;

  constructor(
    private fb: FormBuilder
  ) {}

  ngOnInit() {
    this.buildForm();
  }

  buildForm() {

    this.myForm = this.fb.group({

      user : this.fb.group({
        'firstName': new FormControl('', Validators.required),
        'lastName': new FormControl('', Validators.required)
      }),

      'bio': new FormControl()
    });
  }
}
Run Code Online (Sandbox Code Playgroud)

我的问题是验证看到带有 class="validation-message" 的 …

typescript angular formgroups

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

React Component Array Map - 渲染没有返回任何内容.这通常意味着缺少return语句.或者,为了不渲染,返回null

我是React的新手.我正在组合一个组件,它将根据一组导航选项的数组重复列表项.我收到错误:渲染没有返回任何内容.这通常意味着缺少return语句.或者,为了不渲染,返回null.

这是我的组成部分:

import React from 'react';

const navOptions = [
  {name: 'Home'},
  {name: 'Me Mine and Ours'},
  {name: 'Collection'},
  {name: 'Yo!'}
];

const Nav = () => {
  navOptions.map((name, index) => {
    return (
      <li className="nav-item">
        <a className="nav-link" href="#" key="">j</a>
      </li>
    )
  })
};

export default Nav;
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

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