小编Pab*_*blo的帖子

如何在几个文件中拆分Node.js文件

我有这个代码:

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时它会抛出.

我该如何分开代码?

javascript node.js

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

为什么我不能从Angular2调用ajax调用

我有这个组件:

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参数,导入和调用,它没有错误,所以我猜问题是存在的,但我找不到问题

ajax angular

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

订阅Angular2中的EventEmitter无法正常工作

我正在学习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正在打印,因此从第一个组件到服务的调用正在工作。 …

javascript eventemitter angular

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

赫斯基:在预提交中运行eslint,不会在警告时停止

我在项目中添加了一些预提交和预推送脚本。我取消Husky的名称是因为它会在git上跟踪任何更改。

在我的json包中,我有: "precommit": "npm run lint && npm run test",

当发现任何测试或棉绒错误时,最初似乎运行良好,但我无法进行提交。

现在,我发现如果发出警告,则无论如何都会发生提交。

当出现警告时,我该如何配置沙哑的,或者也许是eslint的,以停止提交。

我知道我可以覆盖所有eslint配置,使其始终为错误[2],但我期望有更好的选择

javascript eslint husky

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

在构造函数中访问Angular 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)

javascript angular

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

React 检查 css 是否已加载 Webpack 和 React

我正在使用 ES2015 中的 Webpack 在 React 中开发一个项目。

我将样式导入为

import '../assets/main.scss'

它工作正常,但似乎比页面的其余部分花费的时间更长,所以一秒钟,一切看起来都很丑陋。

有没有办法在开始渲染页面之前检查样式是否已加载?

javascript reactjs

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

Angular $ routeProvider没有哈希(#)

我有一个$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 angularjs route-provider

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