小编Val*_*avi的帖子

如何将C3图表添加到角度2+项目中

我搜索了很多关于Angular2图表包,但没有C3.js的名字,直到我发现下面的链接C3.js图表的例子
ani-angular.strapui.com/dashboard/charts/c3-chart

然后我搜索了"有角度的C3图表"创建的结果是关于AngularJS项目.即使在他们的网站上也没有指导如何为角度设置此包

我确信有一种方法可以将C3图表添加到angular2 +项目中.有没有人知道你是怎么做到的?

charts c3.js angular

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

以角度延迟调用keyup事件

我有文本框并分配给它keyup事件搜索功能,但我希望它发生延迟,而不是每个按键

这是html代码:

<input type="text" [(ngModel)]="searchedKPI" (keyup)="searchConfigTree()">
Run Code Online (Sandbox Code Playgroud)

这是ts代码:

list = list.filter(item => item.label.toLocaleLowerCase().includes(this.searchedKPI.toLocaleLowerCase())).slice();
Run Code Online (Sandbox Code Playgroud)

这里是我想搜索"文本"字符串的例子,但事件发生了4次,我想这只发生一次"text"字符串:

在此输入图像描述

什么解决方案?

javascript typescript angular

9
推荐指数
2
解决办法
5812
查看次数

角度2 - 动画过渡不起作用

我需要两种颜色之间的过渡OnClick.现在,这是我的代码:

打字稿

animations: [
    trigger('menubarState', [
        state('false', style({backgroundColor:'#43a047'})),
        state('true', style({backgroundColor:'#333'})),
        transition('false => true', animate('1s')),
        transition('true => false', animate('1s'))
    ])
]

...

export class MenubarComponent {
  menuActive: boolean = false;
  onMenuClick () {
    if (this.menuActive == false) {
      this.menuActive = true;
    } else {
      this.menuActive = false;
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

HTML

<li [@menubarState]="menuActive" (click)="onMenuClick()">
      <a><span class="material-icons icon">apps</span></a>
</li>
Run Code Online (Sandbox Code Playgroud)

这确实改变了background-color它应该.然而,这种变化是即时的,而不是过渡.

我使用的是Chrome,最新版本.

html typescript angular2-animation angular

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

更改默认扩展面板箭头的箭头样式

我有一个角度扩展面板,如下所示.

在此输入图像描述

但我想将箭头的设计改为这样的:

没有扩大:

在此输入图像描述

扩展:

在此输入图像描述

怎么样?或者我可以用棱角分明的材料吗?代码如下:

HTML:

<md-expansion-panel>
  <md-expansion-panel-header>
    <md-panel-title>
      Personal data
    </md-panel-title>
    <md-panel-description>
      Type your name and age
    </md-panel-description>
  </md-expansion-panel-header>

  <md-form-field>
    <input mdInput placeholder="First name">
  </md-form-field>

  <md-form-field>
    <input mdInput placeholder="Age">
  </md-form-field>
</md-expansion-panel>
Run Code Online (Sandbox Code Playgroud)

TS:

import {Component} from '@angular/core';

/**
 * @title Basic expansion panel
 */
@Component({
  selector: 'expansion-overview-example',
  templateUrl: 'expansion-overview-example.html',
})
export class ExpansionOverviewExample {}
Run Code Online (Sandbox Code Playgroud)

css angular-material angular-material2 angular

7
推荐指数
2
解决办法
9515
查看次数

使用angular2-logger显示行号和文件名

我在我的项目中使用Angular2-logger.

import { Logger } from "angular2-logger/core";
...
logger: Logger;
...
logger.info('<log string>')
Run Code Online (Sandbox Code Playgroud)

输出打印在控制台中,如下图所示

在此输入图像描述

Angular2-logger或替代类中是否有任何选项可用于显示我调用logger方法的文件名行号?(和图像波纹管一样)console.log(...)

在此输入图像描述

有什么解决方案吗?

angular

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

安装了gunicorn,但它不在 venv/bin 文件夹中

我是gunicorn 的新手,正在尝试在ubuntu 上部署django 网站。我用过了:

pip3 install gunicorn
sudo apt-get install gunicorn
Run Code Online (Sandbox Code Playgroud)

但是当我想填充这个文件时:

sudo nano /etc/systemd/system/gunicorn.service
Run Code Online (Sandbox Code Playgroud)

我用以下内容填充:

[Unit]
Description=gunicorn daemon
Requires=gunicorn.socket
After=network.target

[Service]
User=sammy
Group=www-data
WorkingDirectory=/home/sammy/myprojectdir
ExecStart=/home/sammy/myprojectdir/myprojectenv/bin/gunicorn \
          --access-logfile - \
          --workers 3 \
          --bind unix:/run/gunicorn.sock \
          myproject.wsgi:application

[Install]
WantedBy=multi-user.target
Run Code Online (Sandbox Code Playgroud)

但是没有gunicorn文件,/bin 缺少的部分是什么?

通过使用这个命令:

sudo journalctl -u gunicorn.socket
sudo systemctl status gunicorn
Run Code Online (Sandbox Code Playgroud)

Gunicorn.service:在步骤 EXEC 生成 /home/tw/tw_git2/tw_git2/ninipayenv/bin/gunicorn 时失败:没有这样的文件或目录

python django gunicorn

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

为什么我在将文件上传到网速较慢的服务器时收到 ERR_HTTP2_PING_FAILED?

我使用 Angular 应用程序作为前端,使用 Django Rest 框架作为后端服务,使用 Gunicorn 应用程序服务器与我的应用程序交互,使用 Nginx 反向代理到 Gunicorn 的安全和性能功能,为我的应用程序提供服务。

有一个将文件上传到服务器的请求,当文件很大(大约 100mb)且互联网速度很慢时,该请求会失败,而小文件(小于 10mb)则一切正常。

这是我收到的错误

net::ERR_TIMED_OUT
net::ERR_HTTP2_PING_FAILED
net::ERR_CONNECTION_RESET
Run Code Online (Sandbox Code Playgroud)

这是我的 Nginx 配置:

location ~ ^(/upload_video/[^/]+) {
    keepalive_timeout 128;
    proxy_buffer_size 128k;
    proxy_buffers 4 256k;
    proxy_busy_buffers_size 256k;
    client_max_body_size 100M;
    proxy_pass http://unix:/run/gunicorn.sock;
}
Run Code Online (Sandbox Code Playgroud)

这是我的 Gunicorn 服务:

[Unit]
Description=gunicorn daemon
Requires=gunicorn.socket
After=network.target

[Service]
User=ubuntu
Group=www-data
WorkingDirectory=/home/ubuntu/rest_api
ExecStart=/home/ubuntu/hediehchi_rest_api/myenv/bin/gunicorn \
          --access-logfile - \
          --workers 3 \
      --timeout 180 \
          --bind unix:/run/gunicorn.sock \
          webapp.wsgi:application

[Install]
WantedBy=multi-user.target
Run Code Online (Sandbox Code Playgroud)

有什么问题?如果需要添加任何信息,请在下面评论。

django file-upload nginx gunicorn angular

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

为什么我收到“作业中的左侧无效”?

有代码:

function search(list, q){
  var result = {};
  for(let id in list)(
    (!q.id    || (id == q.id)) &&
    (!q.name  || (list[id].name.search(q.name) > -1)) &&
    result[id] = list[id]
  );

  return result;
}
Run Code Online (Sandbox Code Playgroud)

我收到此错误:

Uncaught ReferenceError: Invalid left-hand side in assignment    script.js:4
Run Code Online (Sandbox Code Playgroud)

为什么“ &&”是错误的?

javascript angularjs ecmascript-6

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

在邮递员中为 API 测试创建唯一的正文请求

我想在请求正文中使用唯一的电子邮件属性在邮递员上创建测试请求。

{
    ...
    "email": "{{email_string}}.com",
    ...
}
Run Code Online (Sandbox Code Playgroud)

我已经email_string在环境中设置了静态字符串,但是有什么方法可以email_string在请求发生之前动态设置吗?

postman

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

角度2中的字符串插值及其动态性

在Angular2中,为什么我将一个属性放在一个简单的视图中,如下所示:

<span>{{allowServer}}</span>
Run Code Online (Sandbox Code Playgroud)

每当它的.ts文件的值发生变化时它就会改变,如果我把它改为:

<button class="btn btn-primary" disabled={{allowServer}} >server</button>
Run Code Online (Sandbox Code Playgroud)

该按钮没有禁用新值?

那么,我必须使用插值而不是绑定语法的规则是什么?

[disabled]=allowServer 
Run Code Online (Sandbox Code Playgroud)

string-interpolation 2-way-object-databinding angular

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