小编Leo*_*ler的帖子

在类构造函数中"未捕获的ReferenceError:未定义"

我正在玩JavaScript/ES6中的新东西.我得到了Uncaught ReferenceError: this is not defined(...) player.js:5我的代码.据我所知,这里没有错误!这是一个错误吗?任何解决方法?

的index.html

<html>
    <head>
        <script type="text/javascript" src="js/entity.js"></script>
        <script type="text/javascript" src="js/player.js"></script>
        <link href="css/style.css" rel="stylesheet" type="text/css">
        <title>Test</title>
    </head>
    <body>
        <canvas id="screen" width=500 height=500></canvas>
        <script type="text/javascript">initialize();</script>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

entity.js

"use strict";

class Entity {
    constructor() {
        console.log("Entity");
    }
}
Run Code Online (Sandbox Code Playgroud)

player.js

"use strict";

class Player extends Entity {
    constructor() {
        console.log("Created"); // <- error here
    }
}
Run Code Online (Sandbox Code Playgroud)

javascript ecmascript-6

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

如何更改Angular Material中md-icon的颜色?

我开始在我的项目中使用Angular Material,我想知道如何更改内部的svg颜色am-button.

这是我的代码:

<md-button class="md-fab md-primary">
    <md-icon
        class="ng-scope ng-isolate-scope md-default-theme"
        style="height: 14px; width: 14px;"
        md-svg-src="img/material-icons/core/arrow-forward.svg"
    ></md-icon>
</md-button>
Run Code Online (Sandbox Code Playgroud)

我需要添加什么才能将svg的颜色从黑色变为白色,就像Google的按钮演示一样?("使用字体图标的图标按钮"部分)

angularjs angular-material

29
推荐指数
4
解决办法
5万
查看次数

尝试使用嵌套组件时未承诺的异常

我在尝试使用嵌套组件时遇到此异常:

EXCEPTION: Error: Uncaught (in promise): TypeError: Cannot set property 'endSourceSpan' of null
XCEPTION: Error: Uncaught (in promise): TypeError: Cannot set property 'endSourceSpan' of nullBrowserDomAdapter.logError @ angular2.dev.js:23877BrowserDomAdapter.logGroup @ angular2.dev.js:23888ExceptionHandler.call @ angular2.dev.js:1317(anonymous function) @ angular2.dev.js:12763schedulerFn @ angular2.dev.js:13167SafeSubscriber.__tryOrUnsub @ Rx.js:10775SafeSubscriber.next @ Rx.js:10730Subscriber._next @ Rx.js:10690Subscriber.next @ Rx.js:10667Subject._finalNext @ Rx.js:11191Subject._next @ Rx.js:11183Subject.next @ Rx.js:11142EventEmitter.emit @ angular2.dev.js:13148NgZone._zoneImpl.ng_zone_impl_1.NgZoneImpl.onError @ angular2.dev.js:13566NgZoneImpl.inner.inner.fork.onHandleError @ angular2.dev.js:2128ZoneDelegate.handleError @ angular2-polyfills.js:336Zone.runGuarded @ angular2-polyfills.js:244drainMicroTaskQueue @ angular2-polyfills.js:495ZoneTask.invoke @ angular2-polyfills.js:434
angular2.dev.js:23877 STACKTRACE:BrowserDomAdapter.logError @ angular2.dev.js:23877ExceptionHandler.call @ angular2.dev.js:1319(anonymous function) @ angular2.dev.js:12763schedulerFn @ angular2.dev.js:13167SafeSubscriber.__tryOrUnsub @ Rx.js:10775SafeSubscriber.next @ Rx.js:10730Subscriber._next @ …
Run Code Online (Sandbox Code Playgroud)

angular2-directives angular2-template angular

22
推荐指数
4
解决办法
3万
查看次数

虽然GitHub上有匹配的标签,但Bower安装无法找到令人满意的版本

我在Windows安装上安装bower依赖项时遇到问题.在Windows 7 x64上安装失败,使用git 2.6.4.windows.1,node v5.4.1,npm 3.3.12,bower 1.7.2.

它适用于OSX上的同事(git 2.5.4,node v4.1.1,npm 2.14.4,bower 1.5.3)和Windows 10上的同事(git 2.5.0.windows.1,node v4.2.2,npm 2.14.7,bower 1.3.11).

我得到的错误消息基本上告诉mit bower-angular-translate没有满足的版本标记2.8.1,但GitHub存储库确实有2.8.1版本.
失败的包是angular-ui-router,angular-local-storageangular-translate.

我尝试将节点降级到0.10.x4.x.x重新安装凉亭,两者都无法正常工作.

如果有人经历过与bower相同的错误消息行为(在Windows上?)并且已经成功解决了它,那么任何指针都会非常感激.


运行后的错误消息bower install:

bower angular-translate#~2.8.1    ENORESTARGET No tag found that was able to satisfy ~2.8.1

Additional error details:
No versions found in git://github.com/PascalPrecht/bower-angular-translate.git
Run Code Online (Sandbox Code Playgroud)

我的bower.json:

{ …
Run Code Online (Sandbox Code Playgroud)

bower bower-install

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

无法从iframe中找到FileHiddenName

我正在使用iframe上传图片.所以我有两个文件 - iframe文件和显示图像的文件.单击显示iframe的链接时,将运行以下代码:

function ShowUploadImageOut(RecordID) {
    $('#<%=hfPieceID.ClientID %>').val(RecordID);
    $("#dvAddImageOutturn").html(
        '<iframe id="iframeUpload" src="utilities/UploadPOD.aspx?id=uploadOutturn"></iframe>'
    );
}
Run Code Online (Sandbox Code Playgroud)

在iframe上是一个上传按钮,用于将图像保存到计算机上的文件夹中并将图像文件名设置为 FileNameHidden

protected void btnUpload_Click(object sender, EventArgs e)
{
    if (fuUpload.HasFile)
    {
        if (Request.QueryString["id"] == "uploadOutturn")
        {
            String Path = ConfigurationManager.AppSettings["PieceOutturnFolder"].ToString()
                + Company.Current.CompCode;
            string FileName = fuUpload.FileName;

            if (File.Exists(Path + "/" + FileName))
            {
                File.Delete(Path + "/" + FileName);
            }

            fuUpload.SaveAs(Path + "/" + FileName);
            filename = FileName;
            imgTemp.ImageUrl = "/thumbnail.ashx?ImgFilePath=" + Path.Replace("/", "\\")
                + "\\" + FileName + @"&width=200&height=400";
            FileNameHidden.Value = FileName;
        }
    }
} …
Run Code Online (Sandbox Code Playgroud)

javascript asp.net iframe jquery

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

从JSON数组键值对动态检索键 - Javascript

我有一个想要寻求你的专业知识的问题.

这是我拥有的JSON数组:

[{"A":20,"B":32,"C":27,"D":30,"E":40}]
Run Code Online (Sandbox Code Playgroud)

我想要做的是从JSON数组中检索键(A,B,C,D,E)而不是值.我能够检索值而不是键.

我正在使用它来动态检索值:

function calculateSum(jsonArray) {
    var result = 0;
    for (var i = jsonArray.length - 1;  i >= 0; --i)
    {
        var o = jsonArray[i];
        A = o.A;
        B = o.B;
        C = o.C;
        D = o.D;
        E = o.E;
        result = A + B + C + D + E;
        return result;
    }

    return result;
}
Run Code Online (Sandbox Code Playgroud)

同样,我该怎么做才能使用JavaScript 检索密钥

javascript json d3.js

11
推荐指数
2
解决办法
5万
查看次数

如何对依赖RC3路由器的组件进行单元测试?

我正在尝试使用RC1与"新的"路由器一起工作的单元测试.我怎样才能做到这一点3.0.0-alpha.8

我的依赖:

"@angular/common": "2.0.0-rc.3",
"@angular/compiler": "2.0.0-rc.3",
"@angular/core": "2.0.0-rc.3",
"@angular/forms": "0.2.0",
"@angular/platform-browser": "2.0.0-rc.3",
"@angular/platform-browser-dynamic": "2.0.0-rc.3",
"@angular/router": "3.0.0-beta.2",
Run Code Online (Sandbox Code Playgroud)

我想要测试的组件使用该routerLink指令:

import {ROUTER_DIRECTIVES} from '@angular/router';
@Component({
    selector: 'app-topmenu',
    template: require('./app-topmenu.tpl.html'),
    directives: [ROUTER_DIRECTIVES]
})
export class TopMenu {
Run Code Online (Sandbox Code Playgroud)
<nav class="app-top-menu">
    <a *ngFor="let link of links" [routerLink]="link.route">{{link.text}}</a>
</nav>
Run Code Online (Sandbox Code Playgroud)

以前,使用rc1,我使用类似的东西对我的组件进行单元测试:

import {Location} from '@angular/common';
import {SpyLocation} from '@angular/common/testing';
import {Router, RouteRegistry, ROUTER_DIRECTIVES, ROUTER_PRIMARY_COMPONENT} from '@angular/router-deprecated';
import {RootRouter} from '@angular/router-deprecated/src/router';

describe('Router link capabilities', () => {
    beforeEachProviders(() => [
        RouteRegistry,
        { provide: Location, …
Run Code Online (Sandbox Code Playgroud)

jasmine typescript angular

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

如何在TypeScript中正确地要求和声明节点库类型?

我试图写一个包,使用标准的节点库,例如在打字稿节点fs,path,stream,http,等.

当我尝试在.ts文件中导入库时,VS Code会在相应的行中标记错误:
[ts] Cannot find module 'fs'.无论我如何导入库,都会发生这种情况:

import * as fs from 'fs';    // [ts] Cannot find module 'fs'
import fs = require('fs');   // [ts] Cannot find module 'fs'
const fs = require('fs');    // [ts] Cannot find name 'require'
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

我(应该)安装了正确的定义typings install --save --ambient node.

当我编译为JavaScript(使用gulpgulp-typescript,而不是tsc)时,compliation 工作,语法高亮显示没有错误,直到我再次输入1个字符:

在此输入图像描述

如何正确定义TypeScript的节点库?


我使用VS Code进行代码突出显示和自动完成,gulp以及gulp-typescript编译和typings使用typescript库声明.

该项目的目录结构:

?? build/
? …
Run Code Online (Sandbox Code Playgroud)

node.js typescript definitelytyped visual-studio-code

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

如何告诉Bootstrap Carousel转到特定索引?

我正在项目中使用Bootstrap和Bootstrap Carousel.

我想知道是否有任何方法可以让Carousel导航到特定的幻灯片.
例如,类似于:

$('myCarousel').to(2);
Run Code Online (Sandbox Code Playgroud)

有人知道这样做的方法吗?

javascript jquery carousel twitter-bootstrap

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

如何生成元组类型的映射类型?

假设我有一个符合定义类型的输入:

interface Person {
    name: string;
    age: number;
}
Run Code Online (Sandbox Code Playgroud)

现在,我想要一个函数来接受键值对的数组,例如:

function acceptsPersonProperties(tuple: Array<PersonTuple>) { ... }

// this should be fine:
acceptsPersonProperties([['name', 'Bob'], ['age', 42]]);

// this should give a compile-time error:
acceptsPersonProperties([['name', 2], ['age', 'Bob']]);
Run Code Online (Sandbox Code Playgroud)

当然,我可以手动输入,例如:

type PersonTuple = ['name', string] | ['age', number];
Run Code Online (Sandbox Code Playgroud)

但是如果type(例如Person)是模板变量,那么元组如何表示为映射类型

function acceptsPropertiesOfT<T>(tuple: Array<MappedTypeHere<T>>) { ... }
Run Code Online (Sandbox Code Playgroud)

为了避免XY问题,真正的用例是这样的:

let request = api.get({
    url: 'folder/1/files',
    query: [
        ['fileid', 23],
        ['fileid', 47],
        ['fileid', 69]
    ]
});
Run Code Online (Sandbox Code Playgroud)

解析为"/api/folder/1/files?fileid=23&fileid=47&fileid=69",但我想键入,所以它不允许额外的属性(file_id)和检查类型(没有字符串fileid).

types typescript

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