这可能是一个愚蠢的问题,但我无法弄清楚如何在 vscode 或 vs2019 社区中调试我的整个应用程序。如果我使用vs2019,我可以很好地调试api,控制器等,但无法调试typescript或js。如果我使用 vscode,我可以调试打字稿,但它不会调用 api,因此应用程序锁定...
有什么建议?我已经在 vscode 中尝试了 google 扩展,但仍然无法调试打字稿代码。
提前致谢。
single-page-application visual-studio-code angular7 visual-studio-2019
这是子组件:
@Component({
selector: 'kg-dateSpinner',
templateUrl: 'kgDateSpinner.component.html',
styleUrls: ['kgDateSpinner.component.css']
})
export class KgDateSpinnerComponent implements OnInit {
@Output() onChanged = new EventEmitter<DateSpinnerReturn>();
@Output() onLoadFood = new EventEmitter<DateSpinnerReturn>();
sr: DateSpinnerReturn;
userSettings: User;
cd = moment();
currentDate: string = this.cd.format("MMMM DD, YYYY");;
dateSpinnerForm: FormGroup;
constructor(
private ts: ThemeService,
private fb: FormBuilder,
private ss: SettingsService) {
this.sr = new DateSpinnerReturn();
}
ngOnInit() {
this.dateSpinnerForm = this.fb.group({
currentDate: [this.currentDate, []]
});
}
onLoadFoodRequest() {
this.sr.spinValue = this.currentDate;
this.onLoadFood.emit(this.sr)
}
onDateSelected(event: any) {
this.cd = moment(event);
this.returnEvent(); …Run Code Online (Sandbox Code Playgroud) 我正在使用Cory Rylan的技术版本在我的表单上显示验证错误消息.这在RC4中运行良好,但是,我无法弄清楚如何使用RC5来完成这项工作.
这是我减少的SharedModule:
import { NgModule, ModuleWithProviders } from '@angular/core';
import { HttpModule } from '@angular/http';
import { RouterModule } from '@angular/router';
import { CommonModule } from '@angular/common';
import { ReactiveFormsModule } from '@angular/forms';
import { ValidationService } from '../services/validation.service';
import {ValidationMessageComponent} from '../validation/validation.message.component;
@NgModule({
imports: [CommonModule, RouterModule, MenubarModule ],
declarations: [ ValidationMessageComponent ],
exports: [ CommonModule, ReactiveFormsModule, HttpModule, ValidationMessageComponent ]
})
export class SharedModule {
//
static forRoot(): ModuleWithProviders {
return {
ngModule: SharedModule,
providers: [ ValidationService ]
}; …Run Code Online (Sandbox Code Playgroud) 我为我的应用程序开发了一个触摸友好的微调器,但是当我将名称传递给微调器子组件时,它始终为空或未定义。我需要做什么才能让微调器子组件识别传入的字符串?
这是对子组件的 html 调用:
<div class="ui-grid-col-8 spinnerMargin">
<kg-spinner [spinName]="macroCarbs"
[range]="[10,50]"
[increment]="5"
[startValue]="20"
(onChanged)="onChanged($event)"></kg-spinner>
</div>
Run Code Online (Sandbox Code Playgroud)
在父组件中:
onChanged(sr: SpinnerReturn) {
if (sr.spinName === "macroCarbs") {
(<FormControl>this.macroForm.controls['macroCarbs']).setValue(sr.spinValue);
} else if(sr.spinName === "macroProtein") {
(<FormControl>this.macroForm.controls['macroProtein']).setValue(sr.spinValue);
} else if(sr.spinName === "calorieDifference") {
(<FormControl>this.macroForm.controls['calorieDifference']).setValue(sr.spingValue);
}
Run Code Online (Sandbox Code Playgroud)
子组件:
import { Component, OnInit, Input, Output, EventEmitter} from '@angular/core';
import { SpinnerReturn } from '../../interfaces/spinnerReturn';
@Component({
selector: 'kg-spinner',
templateUrl: './app/shared/spinner/kgSpinner.component.html',
styleUrls: ['./app/shared/spinner/kgSpinner.component.css']
})
export class KgSpinnerComponent implements OnInit {
@Input() startValue: number;
@Input() range: number[];
@Input() increment: number;
@Input() spinName; …Run Code Online (Sandbox Code Playgroud) 我用谷歌搜索过去一小时,无法找到关于数字到十六进制的打字稿转换的任何内容.JavaScript解决方案不起作用.
如何使用打字稿将100转换为十六进制表示?
我已经安装,卸载,清理了npm缓存并重新安装。仍然出现以下错误并且是MacBook Pro的新手,我不知道发生了什么。
Johns-MBP:〜jbaird $ npm install -g nativescript npm警告可选的跳过可选依赖:abbrev@1.1.0(node_modules / nativescript / node_modules / fsevents / node_modules / abbrev):npm WARN enoent跳过可选的可选文件:ENOENT或目录,重命名为'/ usr / local / lib / node_modules / nativescript / node_modules / fsevents / node_modules / abbrev'->'/usr/local/lib/node_modules/nativescript/node_modules/fsevents/node_modules/.abbrev.DELETE'
npm ERR!路径/ usr / local / lib / node_modules / nativescript / node_modules / fsevents / node_modules / ansi-regex npm ERR!代码ENOENT npm ERR!errno -2 npm错误!syscall重命名npm ERR!enoent ENOENT:没有这样的文件或目录,请重命名'/ usr / local / lib / node_modules / nativescript / node_modules / fsevents / node_modules …