小编Joh*_*ird的帖子

如何在 vs2019 或 vscode 中调试 Angular SPA

这可能是一个愚蠢的问题,但我无法弄清楚如何在 vscode 或 vs2019 社区中调试我的整个应用程序。如果我使用vs2019,我可以很好地调试api,控制器等,但无法调试typescript或js。如果我使用 vscode,我可以调试打字稿,但它不会调用 api,因此应用程序锁定...

有什么建议?我已经在 vscode 中尝试了 google 扩展,但仍然无法调试打字稿代码。

提前致谢。

single-page-application visual-studio-code angular7 visual-studio-2019

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

你可以在一个子组件中有多个 @outputs 吗?我有两个,一个不行

这是子组件:

@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)

typescript2.0 angular

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

为什么我得到*ngIf不是div错误的属性?

我正在使用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)

angular

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

为什么我不能将字符串传递给@input

我为我的应用程序开发了一个触摸友好的微调器,但是当我将名称传递给微调器子组件时,它始终为空或未定义。我需要做什么才能让微调器子组件识别传入的字符串?

这是对子组件的 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)

typescript angular

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

如何将打字稿编号转换为十六进制?

我用谷歌搜索过去一小时,无法找到关于数字到十六进制的打字稿转换的任何内容.JavaScript解决方案不起作用.

如何使用打字稿将100转换为十六进制表示?

typescript1.8

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

是什么导致此Macbook Pro上的nativescript安装错误

我已经安装,卸载,清理了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 …

nativescript

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