Tag: typescript

使用SignalR的Angular 2 TypeScript: 我正在尝试设置一个Angular 2应用程序来使用Microsoft的SignalR。我一直在关注这个教程，虽然它很好但我不喜欢jQuery和SignalR通过index.html文件中的脚本标签加载到应用程序中的事实，以及两个库都不使用它们各自的类型这一事实定义。因此，考虑到这一点，我一直在尝试使用节点模块和相应的类型定义在我的应用程序中包含jQuery和SignalR。我通过微软的TypeSearch搜索了正确的类型定义文件。我只在我的应用程序中包含jQuery，因为SignalR依赖于jQuery。 jQuery的我首先开始在我的应用程序中安装jQuery模块，我必须在Webpack配置中添加它。在此之后，由于量角器，我面临着“冲突”问题。这在Aurelia JS Rocks的网站上有所描述。虽然它建议卸载量角器类型，但我尝试了另一个解决方案，现在在这个答案中描述。我不知道这是不是最好的解决方案。 SignalR 关于SignalR，我有点卡住了 – 到目前为止，似乎没有为SignalR提供“官方”节点模块。我不确定是否应该通过下载文件并将其包含在我的应用程序中来包含Microsoft的SignalR Javascript库。问题是我已经安装了SignalR的类型定义。但是现在我不确定如何实际使用SignalR，因为当我键入$或jQuery我没有被建议。例如.connections – 这是有意义的，因为这不是jQuery库的一部分。我确信我可能会误解一些关于“设置”的问题。在Angular2 TypeScript应用程序中使用SignalR的最佳方法是什么？

jspm / jQuery / TypeScript – 模块“jquery”没有默认导出: 我正在尝试使用TypeScript和jspm＆system.js来引导Web应用程序以进行模块加载。我不是很远。安装jspm后，用它来安装jQuery： jspm install jquery 基础知识： System.import(‘main’); main.ts： import $ from “jquery”; export class Application { constructor() { console.log($); } } TypeScript将无法编译，因为“Module’jquery’没有默认导出。生成的config.js具有正确的映射：“jquery”：“npm：jquery@2.2.0”

使用Mocha对使用Typescript的Jquery进行unit testing时如何修复“$ is not defined”错误？: 我正在为包含Jquery的 Typescript代码编写Mochaunit testing。我正在使用jsdom来获取文档对象。当我将我的TS代码编译为JS并运行测试时，它会抛出一个错误[ReferenceError：$未定义] 。我的Typescript代码在这里 export function hello(element) : void { $(element).toggleClass(‘abc’); }; 我的unit testing代码如下： import {hello} from ‘../src/dummy’; var expect = require(‘chai’).expect; var jsdom = require(‘jsdom’); var document = jsdom.jsdom(); var window = document.defaultView; var $ = require(‘jquery’)(window); describe(‘TEST NAME’, () => { it(‘should run’, (done) => { hello($(‘div’)); done(); }); }); […]

将jQuery插件转换为TypeScript: 好的，首先，这是我非常基本的jQuery插件 (function ($){ $.fn.greenify = function (options) { var settings = $.extend({ // These are the defaults color: ‘#556b2f’, backgroundColor: ‘white’ }, options); }(jQuery)); $(‘a’).greenify({ color: ‘orange’ }).showLinkLocation(); 基本上所有这一切都是使用提供的元素更改文本颜色和背景颜色。现在我要做的是将这个简单的插件转换为TypeScript 我尝试了一些东西，我得到的最接近的是这个。打字稿 /// module Coloring { interface IGreenifyOptions { color: string; backgroundColor: string; } export class GreenifyOptions implements IGreenifyOptions { // Fields color: string; backgroundColor: […]

在Angular 2/4中使用jQuery的最简单和最短的方法: 如何在Angular中使用jQuery？如何将jQuery导入Angular2 Typescrypt项目？我不知道这是否安全，但一定会帮到你。相当

带引导事件的Angular2不会触发可观察到的更改: 我发现了一个涉及bootstrapjs模态和angular2的奇怪问题。我有一个绑定到bootstrap模式的html的组件： // … lots of imports here @Component({ selector: ‘scrum-sessions-modal’, bindings: [ScrumSessionService, ScrumSessionRepository, ScrumModuleDataContext, ElementRef] }) @View({ templateUrl: ‘templates/modals/scrumSessions.modal.html’, styleUrls: [”] }) export class ScrumSessionsModalComponent { private _elementRef: ElementRef; public sessions: ScrumSession[]; constructor(scrumSessionsProxy: ScrumSessionsProxy, scrumSessionService: ScrumSessionService, elementRef: ElementRef) { this._proxy = scrumSessionsProxy; this._scrumSessionService = scrumSessionService; this._elementRef = elementRef; // This is the bootstrap on […]

访问jquery中的angular2变量: 我在angular2项目中使用jQuery来做一些事情。但我无法使用我在angular2中声明的变量来在jQuery中使用。我有这样的事情： export class AddExerciseComponent implements OnInit { parameters:Array = [“FU”]; constructor() { } ngOnInit() { $(‘.chips’).on(‘chip.add’, function(e, chip){ this.parameters.push(chip.data); console.log(this.selectedValue); }); } 这会给我一个错误，即参数未定义。我想这是因为我用this 。我还可以做些什么？

声明用于TypeScript的JS库: 类似问题有很多线索，但据我所知，这个问题是独一无二的。我在我的应用程序中使用jQuery Address插件，并希望在TypeScript文件中使用它。遗憾的是，该库没有可用的DefinitelyTyped脚本。当我尝试使用jQuery.address时，我得到： The property ‘address’ does not exist on value of type ‘jQueryStatic’ 根据这个post ，我试图在jquery.d.ts定义address ： interface JQueryStatic { address(options): any; … } 我认为这似乎适用于$ .address（）; 但不是任何地址的方法。我也尝试过这个post创建自己的.d.ts文件，但仍然没有运气。我尝试在.d.ts文件中使用declare 。没运气。我需要使用的唯一方法是parameter方法…… $.address.parameter(‘param’, 1); 在这种情况下，我得到： The property ‘parameter’ does not exist on value of type ‘address’ 关于如何解决这个问题的任何想法？编辑：我在Visual Studio C＃.net环境中工作，如果有帮助的话。

Angular 4 jquery不起作用: 我正在尝试将jquery用于我的Angular 4应用程序。我已经按照所有步骤在我的Angular 4上安装jquery。但是jquery仍然无法工作。我把jquery代码放在这样的组件上。 home.component.ts import * as jQuery from ‘jquery’ import { Component, OnInit } from ‘@angular/core’; @Component({ selector: ‘app-home’, templateUrl: ‘./home.component.html’, styleUrls: [‘./home.component.css’] }) export class HomeComponent implements OnInit { constructor(db: AngularFireDatabase,public authService: AuthService,public afAuth: AngularFireAuth,) { $(document).ready(function(){ $(“#showAppinfo”).click(function(){ $(“#appinfo”).slideToggle(); }); }); ngOnInit() {} } 我的Html是以下home.component.html This is Home page!! Basic App-info Publiser: […]

将Select2集成到Angular2应用程序中: 我正在尝试将Select2集成到我正在构建的Angular2应用程序中。我设法让select2运行，我的多个选择按预期转换。我现在的问题是如何获取所选值以及我应该使用哪个事件进行绑定。我尝试在select元素上绑定(change)事件但没有发生任何事情。也许我应该使用插件select2-container元素创建的其他事件？此答案后集成了select2插件。有人试过类似的混合？是否有可能让它工作或我必须转而使用ng2-select指令？更新奖金问题:) – 即使我放弃了select2并使用标准的多重选择，我该如何获得它的价值？我尝试将它绑定到具有[(ngModel)]=”_selectedValues”的属性，但是当我选择任何选项时它仍然为空。多重复选框是多项选择的唯一方式吗？更新2 对于奖金问题 – 我发现的解决方法是使用单向事件绑定，如(change)=”selectedValues=$event.target.selectedOptions” 。然后我为selectedValues属性添加了一个setter ，如下所示： public set selectedValues(value: Array) { this._selectedValues.length = 0; for(let v of value){ this._selectedValues.push(v.value); } };