小编Kev*_*eal的帖子

如何检查元素当前是否正在拖动

我希望能够在调用函数时检查事件是否发生.当我使用.draggable()向上和向下拖动我的自定义滚动条时,我调用了一个函数,并且当我的容器滚动时我也调用了一个函数.问题是两者都在同一时间运行,这使得它表现出错误.

所以我的问题是如何执行"if"语句检查当前是否正在拖动滚动条,以便我可以阻止它执行函数代码的其余部分?

我不是在问一个元素是否有一个"绑定"的事件,而是在某个特定时刻触发该事件.

我可以这样做吗?或者我需要采取另一种方法吗?

这是我的代码的样子:

$('.container').scroll(function(){
    //get the heights of the container and it's contents and the difference
    //get the height of the scroll bar and it's container and the difference
    //declare the top property of scroll bar from this info
});
function scrolly() {
    //get the heights of the elements described above
    //declare the scrollTop of the container
}
$('.bar').draggable({
    axis: 'y',
    containment: 'parent',    
    drag: function() {
        scrolly();
    }
});
Run Code Online (Sandbox Code Playgroud)

jquery jquery-ui

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

指令中的$ watch函数未在Angular JS中触发

我是棱角分明的新手,一直在寻找答案,为什么这不起作用.

我的指示在这里:

.directive('carrouselPreview', function () {
    return function (scope, element, attrs) {
        scope.$watch(scope.carouselPreview, function () {
            alert('changed');
        }, true);
    }
});
Run Code Online (Sandbox Code Playgroud)

这会监视对scope.carouselPreview的更改,该更改通过以下函数进行更改:

$scope.showPreview = function(ind){
    $scope.carouselPreview = ind;
} 
Run Code Online (Sandbox Code Playgroud)

这个函数肯定会触发并更改scope.carouselPreview - 但是watch函数永远不会触发!

我意识到我可能在这里愚蠢,但我看了一遍,看起来很好.

如果今晚有人帮我解决这个问题,我会永远爱你!

javascript angularjs

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

如何从单个打字稿文件中仅生成.d.ts?

我想创建一个.d.ts单个文件.ts文件,而无需创建.js从我的源文件(S).ts文件(S).

我想运行类似的东西:

$ tsc myFile.ts -d
Run Code Online (Sandbox Code Playgroud)

但结果只是myFile.ts生成的.d.ts文件.

目前,其结果是,该文件和所有的的.ts在我的项目文件中自己制作.js.d.ts文件.

我的目标是es2015,所以模块选项应该默认为CommonJS(如果这很重要).

typescript

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

Found non-callable @@iterator in reactjs store

TypeError: Found non-callable @@iterator

const  middelware ={thunk};
 const Store = createStore(
      rootReducer,initialState, compose(
          applyMiddleware(...middelware),
           window.devToolsExtension ? window.devToolsExtension() : f=> f

const  middelware ={thunk};
 const Store = createStore(
      rootReducer,initialState, compose(
          applyMiddleware(...middelware),
           window.devToolsExtension ? window.devToolsExtension() : f=> f
Run Code Online (Sandbox Code Playgroud)

javascript store reactjs

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

如何在 Rollup.js 中捆绑为单个文件

Rollup 站点上REPL 中,输出显示导入直接注入到输出文件中。在我的电脑上,我无法重现这种(期望的)行为。相反,我的输出文件中有require('./my-other-file')语句。

我的入口文件如下所示:

// entry.js

import { encode64 } from './utils';

export function myFunction() {
    return encode64('test');
}
Run Code Online (Sandbox Code Playgroud)

我的输出文件如下所示:

// bundle.js

(function () {
    'use strict';

    exports.__esModule = true;
    var utils_1 = require("./utils"); // <- don't want this
    function myFunction() {
        return utils_1.encode64('test');
    }
    exports.myFunction = myFunction;

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

使用如下所示的 Rollup 配置文件:

export default {
    entry: 'entry.js',
    dest: 'bundle.js',
    format: 'iife',
};
Run Code Online (Sandbox Code Playgroud)

如何将我的encode64导入注入到输出文件中,而不是required?

我在浏览器中需要这个,我不想使用 Browserify 或其他类似的工具。

javascript rollupjs

5
推荐指数
0
解决办法
1173
查看次数

如何将Angular @Injectable与函数(而非类)一起使用

我正在为Angular(2+)应用程序创建服务,并且所有文档都使用类,但是我更喜欢将服务编写为函数。

这是我要工作的内容(但不是):

import { Injectable } from '@angular/core';

export const AframeMessengerService = Injectable()(function AframeMessengerService() {
    console.log('aframe messenger');
});
Run Code Online (Sandbox Code Playgroud)

有了这个,我在注入它的文件中得到了这个错误:

Cannot find name 'AframeMessengerService'.
Run Code Online (Sandbox Code Playgroud)

这是起作用的,但不是我想要的:

import { Injectable } from '@angular/core';

@Injectable()
export class AframeMessengerService {
    constructor() {
        console.log('aframe messenger');
    }
}
Run Code Online (Sandbox Code Playgroud)

typescript angular

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

如何在功能模块内使用@ngrx/router-store

Router-Store 的 NGRX 文档中,他们仅提供了一个示例.forRoot()。当我尝试使用时,.forFeature()我发现不存在这样的静态方法。

我希望能够定义在我的功能模块(以及应用程序模块)中使用的某些操作和效果。

如何在功能模块内部使用 router-store ?

typescript ngrx angular ngrx-router-store

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

如何为表单提交事件创建回调(没有ajax)

我希望在成功提交表单后进行回调.这种形式并没有重新加载页面,Ajax的选择是因为"跨出身"问题而无法提供给我们.

我现在拥有的是:

$('#uploadform form').on('submit', function(){
    // DO STUFF HERE
});
Run Code Online (Sandbox Code Playgroud)

但是一旦触发提交事件而不是回调,这就会触发.如果不使用AJAX,如何让我的代码运行,只有接收到响应(并获得做的东西与响应)之后?这甚至可能吗?

它是通过AWS的S3文件托管而不能使用JSONP.

如果我不是为了简单起见,我宁愿不使用iframe.

编辑 它不会像文件下载链接重新加载页面一样重新加载页面.否则它就像任何其他形式一样.它不是在iframe中提交的.这是一个普通的表单,但涉及的标题不需要页面重新加载.

javascript forms jquery amazon-s3 cross-domain

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

如何在 Angular 模板中获取元素引用而不是组件引用

考虑以下模板:

<my-component #ref></my-component>
<my-comp-2 [maxWidth]="ref.clientWidth"></my-comp-2>
Run Code Online (Sandbox Code Playgroud)

我的组件没有属性.clientWidth,但托管我的组件的元素本身有属性。

是否有一个我可以使用的名称或其他类似的解决方案来单独在 HTML 中获取对元素本身的引用?例如,我想做这样的事情:

<my-component #ref="element"></my-component>
Run Code Online (Sandbox Code Playgroud)

问题是没有带有exportAs名为“element”的选项的指令。Angular 网站上也没有记录任何内置的等效项。

我知道我可以添加为属性,并且我可以通过依赖项注入clientWidth获得对类内元素的引用,但我想要一个仅涉及 HTML 的解决方案。这样的解决方案存在吗?<my-component>ElementRef<HTMLElement>

angular

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

使用javascript从一个函数获取值到另一个函数

我想从一个函数获得另一个函数的值.我想将值传递给处理程序页面.但在那我不能得到价值通过..在这里我给了代码.请帮我.例如,假设对于radio = MR&fname = john.

function getdata()
{
   alert('hi');
   var radio = document.getElementsByName("radiobuttonlist1");
   for (var i = 0; i < radio.length; i++)
   {
    if (radio[i].checked)
    alert(radio[i].value);
   }

   var fname=document.getElementById("Firstnametxt").value;
   alert(fname);
}
Run Code Online (Sandbox Code Playgroud)

在这里,我希望将所有这些值转换为另一个函数,这是我的另一个函数.

function sendinfo()
{
getdata();

 $(document).ready(function(){     

   var url="Handler.ashx?radio="+radio+"&fname="+fname+""; "here i want the values from above function"

  alert(url);
    $.getJSON(url,function(json)
    {
        $.each(json,function(i,weed)
        {



        });

    });

});

}
Run Code Online (Sandbox Code Playgroud)

谢谢 .帮我

javascript jquery scope

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