bower和之间的根本区别是npm什么?只想要简单明了的东西.我见过我的一些同事在他们的项目中使用bower和npm互换.
基本上,我使用javascript从Google Play商店中抓取数据:
1请求
2-麦片
3,查询字符串
我使用了Github的Google Market API,它使用require如下:
var request = require('request');
var cheerio = require('cheerio');
var qs = require('querystring');
Run Code Online (Sandbox Code Playgroud)
但我得到以下内容
ReferenceError:未定义require ...
所以,我没有javascript的要求,这对我来说是新的,或者这是一个与众不同的东西.
我一般都是Angular2和Angular的新手,并且在组件的数据发生更改后更新dom后尝试获取一些jQuery.jQuery需要计算元素的高度,所以我不能完全使用数据.不幸的是,看起来onAllChangesDone只在数据更改后触发,而不是dom.
通常我们用data-target="#myModal"它<button>来打开一个模态.现在我需要使用代码来控制何时打开模态.
如果我使用[hidden]或*ngIf显示它,我需要删除class="modal fade",否则,模态永远不会显示.像这样:
<div [hidden]="hideModal" id="myModal">
Run Code Online (Sandbox Code Playgroud)
但是,在这种情况下,移除后class="modal fade",模态不会淡入并且背景中没有阴影.更糟糕的是,它将显示在屏幕底部而不是屏幕中心.
有没有办法保持class="modal fade"和使用代码打开它?
<button type="button" data-toggle="modal" data-target="#myModal">Open Modal</button>
<div id="myModal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<p>Some text in the modal.</p>
</div>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud) 我正在努力使用ng2-datetime.通过npm安装,但是当我构建解决方案时,我收到一个找不到名称'jQuery'的错误.
我已经通过npm添加了jQuery,并尝试包含jquery库,但问题仍然存在.任何人都可以告诉还包括哪些内容?我正在使用带有打字稿的angular 2.2,我的IDE是VS2015
app.module.ts
刚刚添加了import语句
import { NKDatetimeModule } from 'ng2-datetime/ng2-datetime';
Run Code Online (Sandbox Code Playgroud)
并且在进口下
@NgModule({
imports:[NKDatetimeModule ])}
Run Code Online (Sandbox Code Playgroud) 我想在Angular2指令中包含一些jQuery代码.
我使用以下命令将Typings的jQuery库安装到我的项目中:
typings install dt~jquery --save --global
所以现在我的项目目录中有jquery文件夹下的typings/global文件夹.此外,我的typings.json文件中添加了以下新行:
{
"globalDependencies": {
"core-js": "registry:dt/core-js#0.0.0+20160602141332",
"jasmine": "registry:dt/jasmine#2.2.0+20160621224255",
"node": "registry:dt/node#6.0.0+20160807145350",
"jquery": "registry:dt/jquery#1.10.0+20160908203239"
}
}
Run Code Online (Sandbox Code Playgroud)
我开始编写一个新的Angular2指令(我导入到app-module文件中),但我不知道如何正确导入jQuery库.这是我的源文件:
import {Directive} from '@angular/core';
@Directive({
selector: "my-first-directive"
})
export class MyFirstDirective {
constructor() {
$(document).ready(function () {
alert("Hello World");
});
}
}
Run Code Online (Sandbox Code Playgroud)
但我不能使用,也不$也不是jQuery.你下一步怎么做?
jquery typescript angular2-directives typescript-typings angular
import {Component, ElementRef, OnInit} from 'angular2/core';
declare var jQuery:any;
@Component({
selector: 'jquery-integration',
templateUrl: './components/jquery-integration/jquery-integration.html'
})
export class JqueryIntegration implements OnInit {
elementRef: ElementRef;
constructor(elementRef: ElementRef) {
this.elementRef = elementRef;
}
ngOnInit() {
jQuery(this.elementRef.nativeElement).draggable({
containment:'#draggable-parent'
});
}
}
Run Code Online (Sandbox Code Playgroud)
可以像上面那样在Angular2中使用jQuery与jQuery一起使用吗?如何在Angular2中使用jQuery和JavaScript?
当我在git bash windows中运行任何这些命令时
tsd查询角度材料
tsd查询角度
tsd安装角度角材料
每次我收到此消息">>零结果"
我正在尝试集成Select2到Angular2我正在构建的应用程序中.我设法select2运行,我的多个选择按预期转换.我现在的问题是如何获取所选值以及我应该使用哪个事件进行绑定.我尝试(change)在select元素上绑定事件但没有发生任何事情.也许我应该使用插件select2-container元素创建的其他事件?
该select2插件集成以下这个答案.
有人试过类似的混合?是否有可能让它工作或我必须转而使用ng2-select指令?
更新
奖金问题:) - 即使我放弃select2并使用标准的多重选择,我该如何获得其价值?我尝试将它绑定到属性[(ngModel)]="_selectedValues"但是当我选择任何选项时它仍然是空的.多重复选框是多项选择的唯一方式吗?
更新2
对于奖金问题 - 我发现的解决方法是使用单向事件绑定(change)="selectedValues=$event.target.selectedOptions".然后我添加了一个像这样setter的selectedValues属性:
public set selectedValues(value: Array<any>) {
this._selectedValues.length = 0;
for(let v of value){
this._selectedValues.push(v.value);
}
};
Run Code Online (Sandbox Code Playgroud) 我有一些Angular 1经验,但我们需要在Angular 2项目中使用gridstack.js.
我们熟悉gridstack-angular项目,但该项目是在Angular 1中.我认为我遇到的最大问题是Angular 2概念.
任何帮助,将不胜感激.
angular ×7
typescript ×5
jquery ×4
javascript ×3
angularjs ×2
bower ×1
gridstack ×1
node-modules ×1
npm ×1