我有这个代码:
var express = require("express");
var app = express();
var path = require("path");
app.use(express.static(__dirname + '/public'));
app.get('/',function(req,res){
res.sendFile(path.join(__dirname+'/views/index.html'));
res.set('Access-Control-Allow-Origin', '*');
}).listen(3000);
console.log("Running at Port 3000");
app.get('/test', function(req, res) {
res.json(200, {'test': 'it works!'})
})
Run Code Online (Sandbox Code Playgroud)
我会有很多服务(比如test一个),我不想把它们都放在同一个文件上.
我在Stack Overflow中读到另一个问题,我可以要求这样的其他文件:var express = require("./model/services.js");并在该文件中编写所有服务,但是app is not defined当我启动Node时它会抛出.
我该如何分开代码?
我有这个组件:
import {Component} from 'angular2/core';
import {UserServices} from '../services/UserServices';
@Component({
selector: 'users',
template: '<h1>HOLA</h1>'
})
export class UsersComponent {
users: Object;
constructor(userServices: UserServices) {
userServices.getUsersList();
}
}
Run Code Online (Sandbox Code Playgroud)
在UserServices中我有这个代码:
import {Http} from 'angular2/http'
export class UserServices {
users: Array<any>;
http: any;
constructor(http: Http) {
this.http = http;
}
getUsersList() {
this.http.get('./users.json').map((res: Response) => res.json()).subscribe(res => console.log(res));
}
}
Run Code Online (Sandbox Code Playgroud)
我想调用users自定义标记的ajax调用.但是我收到了这个错误:
无法解析UserServices(?)的所有参数.确保它们都具有有效的类型或注释.
当我删除http参数,导入和调用,它没有错误,所以我猜问题是存在的,但我找不到问题
我正在学习Angular2。我试图通过单击第一个组件将数据从组件发送到其他组件。
这两个组成部分都是兄弟姐妹。
到目前为止,这是我的代码:
@Component({
selector: 'jsonTextInput',
templateUrl: '../templates/jsonTextInput.html',
directives: [Card, CardTitle, CardDescription, Icon],
providers: [JsonChangeService]
})
export class JsonTextInput {
json: string = '';
constructor (private jsonChangeService: JsonChangeService) {
this.jsonChangeService = jsonChangeService
}
process () {
this.jsonChangeService.jsonChange(this.json)
}
}
Run Code Online (Sandbox Code Playgroud)
import {Injectable, EventEmitter} from '@angular/core';
@Injectable()
export default class JsonChangeService {
public jsonObject: Object;
stateChange: EventEmitter<any> = new EventEmitter<any>();
constructor (){
this.jsonObject = {};
}
jsonChange (obj) {
console.log('sending', obj)
this.jsonObject = obj
this.stateChange.emit(this.jsonObject)
}
}
Run Code Online (Sandbox Code Playgroud)
由于第一个组件sending正在打印,因此从第一个组件到服务的调用正在工作。 …
我在项目中添加了一些预提交和预推送脚本。我取消Husky的名称是因为它会在git上跟踪任何更改。
在我的json包中,我有:
"precommit": "npm run lint && npm run test",
当发现任何测试或棉绒错误时,最初似乎运行良好,但我无法进行提交。
现在,我发现如果发出警告,则无论如何都会发生提交。
当出现警告时,我该如何配置沙哑的,或者也许是eslint的,以停止提交。
我知道我可以覆盖所有eslint配置,使其始终为错误[2],但我期望有更好的选择
我正在创建一些组件以学习Angular2.
我有这个基本的HTML:
<h1>test</h1>
<btn [order]="0"></btn>
<btn [order]="1"></btn>
<btn [order]="2"></btn>
Run Code Online (Sandbox Code Playgroud)
在ts我有这个:
import {Component, Input} from 'angular2/core';
import {DataService} from '../services/DataService';
@Component({
selector: 'btn',
template: '<button>test{{ item }}</button>',
inputs: ['order']
})
export class ButtonComponent {
items: Array<number>;
item: number;
@Input() order;
constructor(dataService: DataService) {
console.log(this.order)
}
}
Run Code Online (Sandbox Code Playgroud)
这样做我得到了不确定,我做错了什么?如何读取输入(或属性)以便将数据发送到类?
编辑
import {Component, Input} from 'angular2/core';
import {DataService} from '../services/DataService';
@Component({
selector: 'btn',
template: '<button>test{{ item }}</button>',
inputs: ['order']
})
export class ButtonComponent {
items: Array<number>;
item: number;
@Input() order;
ngOnInit(dataService: DataService) …Run Code Online (Sandbox Code Playgroud) 我正在使用 ES2015 中的 Webpack 在 React 中开发一个项目。
我将样式导入为
import '../assets/main.scss'
它工作正常,但似乎比页面的其余部分花费的时间更长,所以一秒钟,一切看起来都很丑陋。
有没有办法在开始渲染页面之前检查样式是否已加载?
我有一个$routeProvider在我的角度应用程序,对于不同的路径,这是它的样子:
$routeProvider
.when('/', {
templateUrl: 'views/main.html',
title: 'Main',
})
.when('/howItWorks', {
templateUrl: 'views/hiw.html',
controller: 'HiwCtrl',
controllerAs: 'hiw',
title: 'How it works'
})
...
Run Code Online (Sandbox Code Playgroud)
在这种情况下,当我去/#howItWorks,它将加载HiwCtrl它的视图.
现在我有一个看起来/users没有开头哈希的网址.如何修改它以支持两个网址?
javascript ×6
angular ×3
ajax ×1
angularjs ×1
eslint ×1
eventemitter ×1
husky ×1
node.js ×1
reactjs ×1