我使用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) 我正在设置一个带有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) 我有一个反应形式,在负载时不需要任何字段.如果选择了一个选项,将其他表单元素添加到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) Google Chrome 不允许我保存我的本地主机地址之一的密码和用户名。在过去的版本中没有这个问题,但现在我收到警告,地址末尾缺少 .com。
有谁知道如何强制 Chrome 接受我的本地主机应用程序之一的凭据?
对于我的服务器类型,我不想使用 127.0.0.1
如他们的网站上所述,使用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复选框上使用此属性。
我已经设置了一个嵌套的表单组。到目前为止一切正常。但是当有嵌套的表单元素时,我不确定如何正确设置验证警报。
发生的一件特别的事情是在构建期间我收到错误:“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" 的 …
我是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) angular ×3
javascript ×2
reactjs ×2
angularjs ×1
arrays ×1
formgroups ×1
forms ×1
karma-runner ×1
macos ×1
node.js ×1
primeng ×1
reactive ×1
terminal ×1
typescript ×1
validation ×1