小编cus*_*ice的帖子

在Angular Unit测试中按类使用element.find()

运行此测试时,我不断收到错误 Expected undefined to be true.

it('should have the right classes', function() {
   // this doesnt work
   expect(element.find('.exampleClass').hasClass('ng-hide')).toBe(true);

   // but this works
   expect(element.find('span').hasClass('ng-hide')).toBe(true);
});
Run Code Online (Sandbox Code Playgroud)

如何使用jqlite通过找到一个元素id,并class

unit-testing angularjs jqlite

11
推荐指数
1
解决办法
7846
查看次数

根据项目自动切换到正确的Node版本

假设我有2个项目:

example1: requires node version 0.12.1
example2: requires node version 0.10
Run Code Online (Sandbox Code Playgroud)

目前,当我cd进入每个项目时,我nvm use <version>在运行应用程序之前使用.

有没有办法使用node或nvm,当我cd进入每个项目时自动切换到所需的节点版本?

node.js nvm

10
推荐指数
4
解决办法
4733
查看次数

jQuery替换悬停时元素的文本

使用jQuery,我试图在悬停时替换这些链接中的文本,包括span.然后,当用户将鼠标悬停时,将再次显示原始文本.

<a class="btn" href="#">
    <img src="#" alt=""/>
    <span>Replace me</span> please
</a>

<a class="btn" href="#">
    <img src="#" alt=""/>
    <span>Replace me</span> please
</a>
Run Code Online (Sandbox Code Playgroud)

最终的输出应该是

<a class="btn" href="#">
    <img src="#" alt=""/>
    I'm replaced!
</a>
Run Code Online (Sandbox Code Playgroud)

我正在四处寻找,但不知道如何更换它.有任何想法吗?

$('.btn').hover(function(){
    $(this).text("I'm replaced!");
});
Run Code Online (Sandbox Code Playgroud)

jquery replace hover

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

修复“'组件'没有任何构造或调用签名。” Typescript 的默认道具错误

我有一个函数组件MyComponent,我正在尝试为其设置默认属性,component以便如果未提供,根节点将呈现为“跨度”。但我收到以下错误:

TS2604: JSX element type 'Component' does not have any construct or call signatures.
Run Code Online (Sandbox Code Playgroud)
interface IMyComponentProps {
  component?: React.ElementType<React.HTMLAttributes<HTMLElement>>;
}

const MyComponent: React.FunctionComponent<IMyComponentProps> = ({
  className,
  component: Component, <-- complaining
  ...other
}) => (
  <Component className={className}
    {...other}
  />
);

MyComponent.defaultProps = {
  component: 'span'
};

MyComponent.displayName = 'MyComponent';

export default MyComponent;
Run Code Online (Sandbox Code Playgroud)

jsx typescript reactjs

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

使用Javascript为每5个元素插入<div>

我有一个简单的图像列表,通过CMS(ExpressionEngine)控制.像这样:

<div class="wrapper">
    <a href="#"><img src="#" /></a>
    <a href="#"><img src="#" /></a>
    <a href="#"><img src="#" /></a>
    <a href="#"><img src="#" /></a>
    <a href="#"><img src="#" /></a>
    <a href="#"><img src="#" /></a>
    <a href="#"><img src="#" /></a>
    <a href="#"><img src="#" /></a>
</div>
Run Code Online (Sandbox Code Playgroud)

我想要做的就是每5个图像,用一类"幻灯片"将它们包装在一个div中.看起来像这样:

<div class="wrapper">
    <div class="slide">
      <a href="#"><img src="#" /></a>
      <a href="#"><img src="#" /></a>
      <a href="#"><img src="#" /></a>
      <a href="#"><img src="#" /></a>
      <a href="#"><img src="#" /></a>
    </div>
    <div class="slide">
      <a href="#"><img src="#" /></a>
      <a href="#"><img src="#" /></a>
      <a href="#"><img src="#" /></a>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我不是手动编码""的原因是因为我使用的jQuery内容滑块需要将每5个图像包装在幻灯片div中.

我不确定ExpressionEngine中的代码是如何做到这一点的,但我认为使用Javascript用div包装每5个图像可能更容易.只需让ExpressionEngine一次输出不同的图像. …

javascript jquery expressionengine

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

PHP echo变量和html结合在一起

我知道这是一个基本的php问题,但我在HTML的回声中显示变量时遇到了麻烦.以下是我想要实现的目标.

<?php
    $variable = 'testing';
    echo <span class="label-[variable]">[variable]</span>
?>
Run Code Online (Sandbox Code Playgroud)

应该输出:

<span class="label-testing">testing</span>
Run Code Online (Sandbox Code Playgroud)

php

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

Django获取静态文件的绝对URL

在Django中,我使用时:

{{ request.build_absolute_uri }}{% static "img/myimage.jpg" %}
Run Code Online (Sandbox Code Playgroud)

它产生:' http://myurl.com//static/img/myimage.jpg '.这会产生错误.

如何删除双斜线?

STATIC URL是:

STATIC_URL = '/static/'
Run Code Online (Sandbox Code Playgroud)

但我不认为删除第一个'/'是个好主意.

python django

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

使用单个Gulp任务运行Protractor

有没有办法在单个任务中使用Protractor和Gulp运行e2e测试?

现在,为了运行e2e测试,我必须打开3个独立的shell并运行以下命令:

webdriver-manager update

webdriver-manager start

npm start (which runs the app server)

protractor protractor.conf.js (in a separate window)
Run Code Online (Sandbox Code Playgroud)

必须有一种更简单的方法来运行这些测试.有什么想法吗?

angularjs protractor gulp

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

从jQuery Mobile的常规链接中删除ajax调用

使用jQuery Mobile我想在DOM的特定部分内的链接上禁用ajax调用.

我不想放一个

data-ajax = false
Run Code Online (Sandbox Code Playgroud)

每次我不想使用jquerymobile ajax.

例如,任何"内容"子代的链接:

<div class="content">
    <a href="http://externalwebsite.com">External Link</a>
</div>
Run Code Online (Sandbox Code Playgroud)

我想将'data-ajax = false'添加到每个链接上,这些链接是'content'的孩子

有没有办法用jquery做到这一点?

jquery jquery-mobile

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

使用类/异步等待时获得未定义的“this”

我刚刚开始尝试类和异步等待。我使用的是 Node 版本 8.9.0 (LTS)。当 I 时console.log(this),我得到undefined而不是对对象的引用。

子处理程序.js

class Handler {
  constructor(props) {
    this.defaultRes = {
      data: successMessage,
      statusCode: 200
    };
  }

  async respond(handler, reply, response = this.defaultRes) {
    console.log(this); // why is `this` undefined????
    try {
      await handler;
      return reply(response.data).code(response.statusCode)
    } catch(error) {
      return reply(error);
    }
  }
}

class SubHandler extends Handler {
  constructor(props) {
    super(props);
    this.something = 'else';
  }

  makeRequest(request, reply) {
    console.log(this); // why is `this` undefined!!
    // in this case, doSomeAsyncRequest is …
Run Code Online (Sandbox Code Playgroud)

javascript async-await ecmascript-6 hapijs ecmascript-2017

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