我搜索了很多关于Angular2图表包,但没有C3.js的名字,直到我发现下面的链接C3.js图表的例子
ani-angular.strapui.com/dashboard/charts/c3-chart
然后我搜索了"有角度的C3图表"创建的结果是关于AngularJS项目.即使在他们的网站上也没有指导如何为角度设置此包
我确信有一种方法可以将C3图表添加到angular2 +项目中.有没有人知道你是怎么做到的?
我有文本框并分配给它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"字符串:
什么解决方案?
我需要两种颜色之间的过渡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:
<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) 我在我的项目中使用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(...)
有什么解决方案吗?
我是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 时失败:没有这样的文件或目录
我使用 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)
有什么问题?如果需要添加任何信息,请在下面评论。
有代码:
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)
为什么“ &&”是错误的?
我想在请求正文中使用唯一的电子邮件属性在邮递员上创建测试请求。
{
...
"email": "{{email_string}}.com",
...
}
Run Code Online (Sandbox Code Playgroud)
我已经email_string
在环境中设置了静态字符串,但是有什么方法可以email_string
在请求发生之前动态设置吗?
在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) angular ×7
django ×2
gunicorn ×2
javascript ×2
typescript ×2
angularjs ×1
c3.js ×1
charts ×1
css ×1
ecmascript-6 ×1
file-upload ×1
html ×1
nginx ×1
postman ×1
python ×1