我有一个 EventEmitter 并且我正在发出一个对象，如下所示：
@Output() cellClick = new EventEmitter();
private _cellClicked(data: any){
let emitData: any = {
colId: data.column.colId,
rowId: data.node.id,
item: {}
};
if (emitWithdata){
this.cellClick.next(emitData); // Here i need to send my data also, and it need to append to the value Data.item=data not just the Data object.
}
if (emitWithNodata){
this.cellClick.next(emitData); // here i just pass the emitData with empty item, which is correct
}
}
如何使用emitData传递数据？有什么想法吗？提前致谢
嗨,我有一系列dom元素(li),如下所示:
Array[4]
0:li.ui-steps-item.ui-state-default
1:li.ui-steps-item.ui-state-highlight
2:li.ui-steps-item.ui-state-default.ui-state-disabled
3:li.ui-steps-item.ui-state-default.ui-state-disabled
我有一个点击事件,并将一个类附加到列表中.意思是当我点击li不是激活的li时,那么其他li的类将附加这个额外的类.
private _btnClick(_btn: any, config:any):void {
var nodesArray=Array.prototype.slice.call(this._vcr.element.nativeElement.querySelectorAll('li.ui-steps-item'));
for (let x in nodesArray) {
if (nodesArray[x] != nodesArray[this._activeIndex]) {
nodesArray[x].classList.add('ui-state-disabled');
console.log(nodesArray[x]);
}
}
}
现在我需要实现的是,我需要在活动li之前向项目(lis)添加一个新类,我需要在活动li之后向lis添加另一个类.或者只ui-state-disabled在活动li之后将类添加到li.我怎样才能做到这一点？伙计们好吗？
点击按钮代码:
private _btnClick(_btn: any, config:any):void {
this.buttonEvent.emit({btn:_btn, formBtns:this._formBtn}); // Event emitter
let arrLen: any = config.length-1;
if (_btn.BtnType=="next"){
if (this._activeIndex < config.length -1) {
this._activeIndex++;
}
if (this._activeIndex == arrLen){
_btn.label = "Confirm";
// _btn.disabled = true;
// _btn.class = 'btn-success';
}
for (let x in this._formBtn){ …我正在做一个文件上传组件.我需要提交一个formdata对象.由于某种原因,我无法将文件或任何内容附加到formdata对象.以下是我的代码;
import {Component, ElementRef,
ViewChild,EventEmitter, Input, Output, OnInit, OnDestroy} from "@angular/core";
import { UploadService } from './file-upload.service';
@Component({
selector: 'dbs-file-upload',
template: ` <div class="file-upload-wrapper">
<dbs-input [(ngModel)]="fileName" type="text" class="input-long" placeholder='{{"upload.file_input_placeholder" | translate}}' readonly></dbs-input>
<button class="btn-browse" for="files">
<label for="files">Browse</label>
<input type="file" (change)="onChange($event)"
[multiple]="multiple"
id="files" style="visibility:hidden;"
accept=".csv, text/xml, application/xml, application/vnd.ms-excel"
#fileInput>
<img src="/images/ico_browse_plus.png">
</button>
</div>`,
styleUrls: ['./file-upload.component.scss'],
providers: [UploadService]
})
export class FileUploadComponent implements OnInit{
@Input() fileName: string;
@Output() onSelect = new EventEmitter<any>();
@Input() multiple: boolean = false;
// @ViewChild('fileInput') inputEl: ElementRef;
constructor(private …嗨我有一个HTML代码如下:
<div class="row">
<div class="col-12" style="margin-top:15px;margin-bottom:10px">
{{"description" | translate}}
</div>
</div>
我使用ngTranslate翻译描述.描述是我的翻译文件中的一个键,将显示该键的值.描述如下:"单击取消取消或单击确认继续".我想首先取消并在说明中确认为粗体.我怎么能用css和angular 2做到这一点？伙计们好吗？提前致谢.
嗨,我对Angular很新.我有大约4个数据库查询,每个都是Subscriptions(rxjs/Rx).所以我知道我需要取消订阅每个订阅以节省内存泄漏.我该如何优化通话？我的意思是,我不想打电话给每个订阅并逐个取消订阅.我想在一次通话中取消订阅.对不起,如果这是一个愚蠢的问题.伙计们好吗？提前致谢
您好，我的管理员在 上安装了 ruby 和 gem /usr/local/bin/gem。如何将此安装目录更改为自定义文件夹？因为我无法执行以下操作gem install sass。没有许可。请帮助我解决这个问题
嗨，我有如下一组按钮，
let Btns: Array<any> = [{
type: "submit",
BtnType: "prev",
label: "Previous",
class: "btn-outline",
icon: "kd-back",
disabled: false
},
{
type: "submit",
BtnType: "next",
label: "Next",
icon: "kd-play",
class: "btn-text",
disabled: false
}];
我也有两个变量：
private nextBtn_disabled: boolean = false;
private prevBtn_disabled: boolean = true;
我正在为按钮实现禁用功能。行为是这样的：
以下是我的HTML：
<div class="form-group text-center">
<button *ngFor="let btn of Btns" [type]="(btn.type=='submit')?'submit':'button'" class="btn btn-icon" [ngClass]="btn.class" (click)="_btnClick(btn, _finalConfig)" [disabled]="nextBtn_disabled">
<i *ngIf="btn.BtnType!='next'" [class]="btn.icon"></i>
<span>{{btn.label}}</span>
<i *ngIf="btn.BtnType=='next'" [class]="btn.icon"></i>
</button>
</div>
我该如何实现？我试过||条件和&&之间的条件nextBtn_disabled和 prevBtn_disabled …
您好，我有以下用于带有百分比值的普通柱形图的高图表配置。
private _attendanceInputData: any = {
chart: { type: 'column' },
title : { text : 'Daily Attendance Overview' },
xAxis: {
categories: this._weekValues
},
yAxis: {
allowDecimals: false,
title: { text: ''},
min: 0,
max: 100,
labels: {
formatter:function() {
console.log(this.value); //0, 25, 50 , 75 , 100
var pcnt = (this.value / 100) * 100;
return pcnt + '%';
}
}
},
credits: {
enabled: false
},
series: [
{
name: 'Students',
data: this._studentAttendance,
color: '#3366cc'
},{
name: …let Array: any = ["monday", "tuesday", "wednesday", "thursday", "friday", "saturday", "sunday"]
我如何将这个数组转换成如下所示的对象：
let Object: any = {
time: {
headerName: ""
},
monday: {
headerName: "Monday"
},
tuesday: {
headerName: "Tuesday"
},
wednesday: {
headerName: "Wednesday"
},
thursday: {
headerName: "Thursday"
},
friday: {
headerName: "Friday"
},
saturday: {
headerName: "Saturday"
},
sunday: {
headerName: "Sunday"
}
};
有想法吗？对不起，JavaScript很安静。我该如何编写for循环以便达到此结果？在此先感谢大家
angular ×6
javascript ×6
arrays ×2
typescript ×2
css3 ×1
eventemitter ×1
file-upload ×1
for-loop ×1
form-data ×1
highcharts ×1
html ×1
object ×1
rubygems ×1
rxjs ×1