Tag: angular
使用webpack在Angular2中包含jQuery并从组件访问它
我想在我的Angular2-Application中包含jQuery和SignalR，并使用webpack连接所有内容。 因此我通过npm安装了jQuery。 的package.json “dependencies”: { // … “jquery”: “2.1.4”, // … }, 文件和文件夹已正确安装。 我现在在vendor.ts中定位这些文件以获取webpack以查找并包含它们： import ‘jquery’; import ‘bootstrap/dist/js/bootstrap.js’; import ‘../../bower_components/signalr/jquery.signalR’; 并且webpack获取这些文件并将它们连接起来。 我可以在我的vendor.js中看到这个。 jQuery出现在那里。 还有jquery signalR-File。 我的webpack.config： var webpack = require(“webpack”); var HtmlWebpackPlugin = require(‘html-webpack-plugin’); module.exports = { entry: { “vendor”: “./wwwroot/app/vendor”, “polyfills”: “./wwwroot/app/polyfills”, “app”: “./wwwroot/app/boot” }, output: { path: __dirname, filename: “[name]-[hash:8].bundle.js” }, resolve: { […]
在Angular 2应用程序中全局使用jQuery
我试图弄清楚如何在我的角度2应用程序中全局使用jQuery，到目前为止我找到的唯一合理的来源是这个stackoverflow答案但是我似乎无法让它工作。 有没有办法用npm包管理而不是tsd来实现这个目标（这个命令对我来说不起作用，我认为它来自于typescript，但似乎没有）。 在此之后，我想我需要在app.ts文件中引用jQuery？ （bootstrap.ts用来启动应用程序的主文件） 这是我的项目结构 app components app.ts services typings bootstrap.ts index.html 我认为需要用于jQuery实现的代码示例很少 app.ts import {Component, View} from ‘angular2/core’; @Component({ selector: ‘app’, templateUrl: ‘app/components/app.html’ }) export class App { } bootstrap.ts import {App} from ‘./components/app’; bootstrap(App);
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: […]
将gridstack.js包装到Angular 2组件中
我有一些Angular 1经验，但我们需要在Angular 2项目中使用gridstack.js 。 我们熟悉gridstack-angular项目，但该项目是在Angular 1中。我认为我遇到的最大问题是Angular 2概念。 任何帮助，将不胜感激。
什么是在角度2内使用jquery小部件的最佳方法？
在角度2组件中使用Jquery小部件会导致角度构造其阴影dom的任何问题吗？ 什么是在角度2内使用jquery小部件的推荐方法？
将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); } };
如何在Angular中使用Jquery Query Builder
寻找在angular-cli项目中使用jQuery Query Builder的方法。 首先我尝试使用插件laplasianin / angular-jqueryQueryBuilder ，但我想念如何将其实际导入到我的组件中的说明。 我是angular / typescript的新手。 然后我通过安装构建器包自己尝试了它： npm install jQuery-QueryBuilder 我已将它添加到我的组件中，就像jQuery一样。 这是生成的示例代码，基于以下演示 ： import {AfterViewInit, Component} from “@angular/core”; import * as jQuery from “jquery”; import “jQuery-QueryBuilder/dist/js/query-builder.standalone.js”; import “jQuery-QueryBuilder/dist/css/query-builder.default.css”; @Component({ selector: ‘app-query-builder’, templateUrl: ‘./query-builder.component.html’, styleUrls: [‘./query-builder.component.scss’] }) export class QueryBuilderComponent implements AfterViewInit{ protected rules_basic = { condition: ‘AND’, rules: [{ id: ‘price’, […]
Angular2和jQuery’改变’事件
我有一个隐藏的输入来控制jQuery所做的更改，其中包括一个angular2 change事件，就像这样 然后在我的情况下，我必须使用jQuery来更改此输入的值，然后触发change事件： $(‘#input1’).val(‘somevalue’).trigger(‘change’); 我通过jQuery触发的这个change事件只适用于jQuery，但不适用于Angular2： //This is working $(‘#input’).change(function(){ console.log(‘Change made’); }) 在angular2组件中： //This is not working onChange(): void{ console.log(‘Change made’); } 在这种情况下我该如何解决？
Ionic2如何在页面中使用JQuery插件
我是离子2的新手，我创建项目并需要jquery插件链接colorbox，slick-carousel … 我在终端上运行命令 npm install jquery slick-carousel typings install jquery –ambient –save typings install slick-carousel –ambient –save 我导入了JQuery： import * as JQuery from ‘jquery’; import * as slick from ‘slick-carousel’; 然后离子错误是： Can not find module ‘slick-carousel’. 请帮我解决这个问题，或准备好示例，以便我参考。 谢谢大家！
如何在angular cli 1.0.0-rc.0中正确包含jQuery？
我在AngularJS项目中使用基于jQuery的select2组件。 我和这里的人有类似的问题： https ： //github.com/fronteed/icheck/issues/322 ，并使用那里的建议解决了它。 为了准确，我收到错误TypeError: $(…).select2 is not a function当不使用该建议时， TypeError: $(…).select2 is not a function 。 即我在@angular/cli/models/webpack-configs/common.js添加了下一行到@angular/cli/models/webpack-configs/common.js 。 plugins: [ new webpack.ProvidePlugin({ $: “jquery”, jQuery: “jquery” }) ] 它是在angular / cli中启用jQuery的最佳方法吗？ 我不认为在https://github.com/angular/angular-cli/wiki/stories-global-lib中做同样的事情是正确的，因为 a）webpack捆绑jQuery而无需在脚本中指定它 b）它仍然抛出TypeError: $(…).select2 is not a function如故事中所述，当你包含它时， TypeError: $(…).select2 is not a function错误。
