小编Ani*_*Das的帖子

打字稿中的细箭头(->)和粗箭头(=>)有什么区别

在 typescript 中,有两种箭头函数,一种是 =>(粗箭头),另一种是(->)细箭头。我的理解是 => 函数是用来使用这个作用域和内部闭包的。->(细箭头)函数有什么作用?

typescript

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

NgbTab在tab chage上重新加载组件

我有2个选项卡,在选项卡内容中有一个我开发的组件.当我从一个选项卡移动到另一个选项卡并返回到我开发的组件所在的选项卡时,它会重新加载并调用其生命周期方法,这些方法会给我带来问题.

有没有办法在更改选项卡时停止重新加载组件.

HTML代码:

<ngb-tabset>
    <ngb-tab title="xyz..." id="overview">
        <ng-template ngbTabContent>
            ...
            <sd-tags [existingTags]="tags" [somethingelse]="otherstuffs" [more]="morestuff"></sd-tags>
            ...
        </ng-template>
    </ngb-tab>
    <ngb-tab [title]="sothingesele" id="columns">
        <ng-template ngbTabContent>
            ...
        </ng-template>
    </ngb-tab>
</ngb-tabset>
Run Code Online (Sandbox Code Playgroud)

更改选项卡后,sd-tabs组件将重新加载以及处理的内容将进入初始阶段并导致问题.

ng-bootstrap angular

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

img src 在 angular2 中给出模板解析错误

我的代码如下所示:

测试.html

<div class="q-img-container">
    <img id="q-order-img" src="../img/ic_truck.png" alt=""></img>
</div>
Run Code Online (Sandbox Code Playgroud)

但它给了我以下错误:

"Unhandled Promise rejection:"
"Template parse errors:
Void elements do not have end tags "img" ("iv class="q-img-container">
                <img id="q-order-img" src="../img/ic_truck.png" alt="">[ERROR ->]</img>
            </div>
Run Code Online (Sandbox Code Playgroud)

我的目录结构如下:

---app
------img
----------ic_truck.png
------template
----------test.html
Run Code Online (Sandbox Code Playgroud)

我在这里缺少什么?

html angular

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

在IntelliJ或WebStorm中调试Node.js应用程序的最佳方法

我看到很多关于如何调试的文章,以及有关如何调试节点应用程序的话题,它们大多指向vs代码和其他命令行工具。

作为IntelliJ和WebStorm IDE的爱好者,我在调试Node.js应用程序时可能会丢失当天想念的东西吗?

intellij-idea node.js webstorm

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

在angular 4项目中模拟功能性e2e量角器测试中的其余调用

我们有一个庞大的项目,我们编写了许多测试用例,以涵盖e2e功能测试用例中的许多实际场景用户行为。

随着测试的进行,它会进行大量的调用以完成测试用例。当我们在酱料实验室中使用其他浏览器时,它会倍增5-9倍。

我要模拟所有其余的调用,这样就不会对实际服务器进行任何真正的调用,但是会在内部对其进行处理。它用于功能e2e测试,而不是单元测试,因为我们使用jasmine模拟了所有单元测试spyOn

我已经探索json-server$httpBackend量角器。子服务器不合适,因为它不能很好地处理应用程序的发布,放置,删除呼叫。如果是$ httpBackend

我已经看完了这篇文章,它涉及的是andularJs应用程序而不是angular应用程序,也涉及到有关angularJs的单个rest调用模拟,而不是所有rest调用。

为angularjs看了这个angularjs 多重模拟,也为angularjs 看到了它,而不是angularjs,看起来像这样更改了查询参数的原始REST URL。

protractor angular-mock angular angular-e2e angular-test

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

在浏览器控制台中导入或需要任何库

大多数时候,在调试应用程序时,我觉得如果可以将任何库包含在浏览器控制台中并尝试该libraty中的某些功能,它将更加容易。

现在,在现代javascript/es6/es6/typescript世界中,有什么短而快的工具可以立即将脚本导入浏览器,以便可以直接使用

调试时,如果我希望可以观察到,则应该可以执行以下操作

import {Observable} from 'rxjs/Observable';  //typescript way
const Observable= require('rxjs/Observable'); // require way
Run Code Online (Sandbox Code Playgroud)

但是这些都不起作用。

已经探索过的动态<script>代码

我已经探索了使用动态<script>标签的旧方法,如下所示,但它难于处理大量的库文件,而且也不美观

var jq = document.createElement('script');
jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
// ... give time for script to load, then type (or see below for non wait option)
jQuery.noConflict();
Run Code Online (Sandbox Code Playgroud)

javascript browser typescript ecmascript-6 browser-console

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

如何使用 angular cli 生成延迟加载模块

我有一个现有的 angular cli 应用程序,我想向我的应用程序添加一个新模块,该模块将被延迟加载

我知道 angular cli 提供了生成可以延迟加载的模块的命令,我需要在下面输入什么快速命令

  • 生成新模块
  • 生成默认组件延迟加载
  • 为其生成路由模块并添加要先加载的默认组件
  • 在主模块中为延迟加​​载模块添加路由

当我尝试时ng generate module module-name --route=app --routing=true,它给了我以下错误

创建延迟加载的路由模块时需要模块选项。

angular-routing angular-cli

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

角度@input 值在构造函数中到达较晚

我正在编写一个指令,它有 2 个@Input()变量,并从使用该指令(如组件)的人那里获取价值。

一切安好。唯一的问题是,当有一个Observable.subscribe在构造函数,那么@Input值在构造函数中,没有可用Observable.subscribe@Input()变量值undefined

我知道获取@Input()指令变量的更好方法是在生命周期钩子中访问它们,例如ngOnInitorngOnChange但我的问题是:为什么这在某些情况下可用,而在其他情况下在指令中不可用。

<div authorizedme
     [permission]="'manager'"
     [auth]="department"
     class="col-2 data-object-link">your salary is $90,000,0000
Run Code Online (Sandbox Code Playgroud)

指示

如果在subscribe代码下方的指令构造函数中存在,则权限和身份验证可用,如果已注释掉,则两个@Input()变量都是undefined.

this.userService.getUser().subscribe((user) => {
  this.user = user;
  if (this.authorized()) {
    this.elementRef.nativeElement.style.display = 'block';
  }
});
Run Code Online (Sandbox Code Playgroud)

下面是整个指令代码

@Directive({
  selector: '[authorizedme]'
})
export class AuthorizedDirective implements OnInit {

  @Input() permission: string;
  @Input() auth: string;
  private user: any;

  constructor(private elementRef: ElementRef, private currentUserService: userService) { …
Run Code Online (Sandbox Code Playgroud)

angular-directive angular

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

Google App Engine(春​​季启动)与数据存储的本地测试给出了未经身份验证的错误

在具有数据存储区的本地运行的Google灵活的应用引擎春季启动项目com.google.cloud.datastore.DatastoreException Unauthenticated在保存实体时给出了例外。

{
   "timestamp": 1512077140003,
   "status": 500,
   "error": "Internal Server Error",
   "exception": "com.google.cloud.datastore.DatastoreException",
   "message": "Unauthenticated.",
   "path": "/users"
}
Run Code Online (Sandbox Code Playgroud)

这里的错误描述说请求标头没有有效的身份验证标头,但是未提及放置auth标头的位置。

有人面对过同样的情况吗?

google-app-engine google-cloud-datastore

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

在日历的对象数组上使用ngFor

我如何使用ngFor循环遍历以下对象数组并仅获取月份的名称?

{
  "Jan": {
    "name": "January",
    "short": "Jan",
    "number": 1,
    "days": 31
  },
  "Feb": {
    "name": "February",
    "short": "Feb",
    "number": 2,
    "days": 28
  },
  "Mar": {
    "name": "March",
    "short": "Mar",
    "number": 3,
    "days": 31
  },
  "Apr": {
    "name": "April",
    "short": "Apr",
    "number": 4,
    "days": 30
  },
  "May": {
    "name": "May",
    "short": "May",
    "number": 5,
    "days": 31
  },
  "Jun": {
    "name": "June",
    "short": "Jun",
    "number": 6,
    "days": 30
  },
  "Jul": {
    "name": "July",
    "short": "Jul",
    "number": 7,
    "days": 31
  },
  "Aug": …
Run Code Online (Sandbox Code Playgroud)

angular

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

ngx-bootstrap 多列表轮播在 angular 10 中不起作用

我正在使用实现多列表轮播,"ngx-bootstrap": "6.0.0",但看起来它在angular: 10.0.2. 我也试过了ngx-bootstrap: 6.0.0,也没用

它只显示一张幻灯片 [第一张图片] 和其余图片的占位符。就像如果itemsPerSlide是 3,它只显示 1 个图像和 2 个图像的占位符。

组件代码

@ViewChild(CarouselComponent) myCarousel: CarouselComponent;
  loopcomplete = true;
  slidesChangeMessage;
  itemsPerSlide = 3;
  singleSlideOffset = true;
  noWrap = true;
  activeRange = 0;

  slides = [
    {image: 'assets/slides/1.jpeg'},
    {image: 'assets/slides/2.jpeg'},
    {image: 'assets/slides/3.jpeg'},
    {image: 'assets/slides/4.jpeg'},
    {image: 'assets/slides/5.jpeg'},
    {image: 'assets/slides/6.jpeg'},
    {image: 'assets/slides/7.jpeg'},
    {image: 'assets/slides/8.jpeg'},
    {image: 'assets/slides/9.jpeg'},
    {image: 'assets/slides/10.jpeg'},
    {image: 'assets/slides/11.jpeg'},
    {image: 'assets/slides/12.jpeg'},
  ];

Run Code Online (Sandbox Code Playgroud)

HTML代码

<div>
  <carousel [itemsPerSlide]="itemsPerSlide"
            [singleSlideOffset]="singleSlideOffset"
            [noWrap]="!noWrap"
            [interval]="false"
            [startFromIndex]="0"
            (slideRangeChange)="onSlideRangeChange($event)">
    <slide *ngFor="let …
Run Code Online (Sandbox Code Playgroud)

ngx-bootstrap angular angular10

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

订单不使用Top MS SQL Query

我正在创建一个适合我正在使用的MsSQL的DataTable的查询.这是我第一次使用MsSQL,所以我试图从我的MySQL中找出等效的MsSQL查询.

我做了一个自定义查询,将LIMITMySQL中的函数处理到MsSQL(希望如此).我在我的数据表中使用以下查询:

    SELECT * FROM (
        SELECT top 20 CAST(DATEPART(YEAR,[DeliveryDate]) as varchar) + ' Week ' + CAST(DATEPART(WEEK,[DeliveryDate]) AS varchar) AS week_name, 
        AVG(DATEDIFF(day, CONVERT(date, [UnloadDate]), CONVERT(date, [DeliveryDate]))) as Average_Delivery_Days
        FROM [CARGODB].[dbo].[Cargo_Transactions] 
        WHERE [DeliveryDate] IS NOT NULL AND [DeliveryDate] != 0 
        AND [UnloadDate] IS NOT NULL AND [UnloadDate] != 0 AND [DeliveryDate] > [UnloadDate] AND [Deleted] = 0 and [StageID] = 'D' 
        AND [RouteID] IS NOT NULL AND [RouteID] != '' AND CONVERT(date, [DeliveryDate]) BETWEEN '2016-01-01' AND GETDATE() 
        AND …
Run Code Online (Sandbox Code Playgroud)

mysql sql-server sorting datatable

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

在 Jenkins 中使用 AWS 命令​​获取 EC2 实例的 CPU 利用率的最佳方法是什么

我正在编写一个 Jenkins 作业来显示特定时间的 CPU 利用率,并且我的 Jenkins 作业能够使用 AWS cli 处理 AWS 命令​​。

有没有简单的方法可以获取 CPU 利用率?

amazon-ec2 aws-cli

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