小编cph*_*pot的帖子

没有html的innerHTML,只是文本

我创建了一个电子邮件链接,可以自动填充正文中的必要信息.但是,当我这样做时,我会得到比我讨价还价更多的东西.

我想要"2012年3月:12-16"

我得到了什么 <B>March, 2012</B>: <FONT color=blue>12</FONT> - <FONT color=blue>16</FONT>

有没有办法在没有html标签的情况下获取innerHTML?

.value = undefined
.text = undefined
Run Code Online (Sandbox Code Playgroud)

html javascript innerhtml

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

如何根据值发出rxjs的变化

我可以让observable触发一次值.但是我希望每当变量的值发生变化时就会发生这种情况.实际上我需要一个观察者.这是我认为可观察的观点.观察事物的价值或状态并更新订阅它的任何内容.

无论如何,这是代码

import { Component, OnInit } from '@angular/core';

var Rx = require('rxjs/Rx');

import { Subject } from "rxjs/Rx";

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.scss']
})
export class HomeComponent implements OnInit {

  private testBool: boolean = false;
  private observable;

  constructor() {  

    this.observable = Rx.Observable.of(this.testBool);

    this.observable.subscribe(
      (value) => console.log(value)
    )
  }

  toggleBool() {
    this.testBool = !this.testBool;

  }

}
Run Code Online (Sandbox Code Playgroud)

所以每当this.testBool的值发生变化时,我都希望订阅得到更新.在它的当前状态下,我得到一个控制台日志,然后什么也没有.我单击更新布尔值的按钮,但观察者订阅者再也不会触发.

我错过了一些关键点,这不是我应该如何使用它?

而且我知道我可以将观察者绑定到按钮单击,但这不是我想要实现的目的.这将是一个服务级别的例子.所以任何地方都可以更新价值.

我读过有关科目的内容,但我还在学习.那么也许我应该对此做些什么呢?

谢谢

rxjs rxjs5

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

按钮加载指示器边框动画

我想在等待异步调用完成时为按钮设置动画。禁用该按钮并在其中间或旁边放置一个旋转器显然是有效的,但现在感觉有点无聊。我认为在循环中添加一些边框动画会很不错。如同

https://codepen.io/sarath-ar/pen/dMKxxM

具体来说,他们演示了第三个按钮。它在悬停时很好地填充了边框,但我想象的是在它填充边框之后,它然后在同一方向上撤消边框颜色。如果你愿意的话,它会“追逐”其他动画。

我正在摆弄他们的CSS,但我似乎不知道如何循环边框动画(我确实成功地反转了动画),但由于 :before 和 :after ,我很难循环它。

所以我想主要的任务是,当动画依赖于 ::before 和 ::after css 选择器时,如何循环动画。为了简单起见,我将如何循环下面的CSS?(我意识到这并不是所有的CSS,但一般来说你会如何循环它?)

.btn-1::before{
  right: 0;
  top: 0;
}
.btn-1::after{
  left: 0;
  bottom: 0;
}
.btn-1:hover::before, .btn-1:hover::after{
  transition-delay: 0s;
}
Run Code Online (Sandbox Code Playgroud)

css

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

计算观察者方法调用时,vue jest spyOn 不起作用

我越来越熟悉 jest 和 vue,我想看看如何确保在 prop 更改时触发方法。在这种特殊情况下,这很简单,而且看起来很简单。但它不起作用。

组件观察器

@Watch("id")
    public async idChanged() {
        this.calculateStatus();
    }
Run Code Online (Sandbox Code Playgroud)

beforeEach - 这会为每个测试初始化​​包装器

beforeEach(async () => {
        var httpClient = new PemHttpClient(vue);
        var v3ReferenceDatumService = new V3ReferenceDatumService(httpClient, "");
        var contractService = new V3ContractService(httpClient, "", v3ReferenceDatumService);

        wrapper = mount(AmendmentIdDisplay, {
            provide: {
                v3ContractService: contractService,
            },
            propsData: {
                id: "82.5.1"
            }
        });

        await wrapper.vm.$nextTick();
    })
Run Code Online (Sandbox Code Playgroud)

玩笑测试

        let calculateFired = jest.spyOn(wrapper.vm, "calculateStatus");

        wrapper.setProps({
            ...wrapper.props(),
            id: "1"
        })

        await wrapper.vm.$nextTick();

        expect(calculateFired).toBeCalled();
Run Code Online (Sandbox Code Playgroud)

我希望间谍增加呼叫计数器,但事实并非如此。它保持为零。如果我手动调用 wrapper.vm.calculateStatus(),间谍工作正常。所以 setProps 要么根本没有触发观察者,要么发生了一些奇怪的参考事件,导致在观察者中调用的方法不是我正在监视的方法。我不确定是哪个。

vue.js jestjs vue-test-utils

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

如何更改 devextreme 数据网格布尔过滤器标签

状态字段(最后一行),我们希望过滤器选项显示“活动”和“非活动”,而不是 true false。有一种编码方法可以做到这一点,但我们正在使用模板创建表。我觉得这非常容易做到,只是在文档中没有看到它。

      <dxi-column dataField="TruckNumber" caption="Truck #" alignment="left"></dxi-column>
      <dxi-column dataField="PlateNumber" caption="License Plate #" alignment="left"></dxi-column>
      <dxi-column dataField="Phone" dataType="string" alignment="left"></dxi-column>
      <dxi-column dataField="Status" alignment="center"></dxi-column>
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

角度 4.4.6

devextreme dx-data-grid angular

2
推荐指数
1
解决办法
2486
查看次数

onclick 按钮边框颜色更改

应该相当简单,但我迷路了,所有搜索都会产生与我的问题没有直接关系的非特定答案。

按钮,边框是黑色的,但显然,“压抑”的感觉是通过将边框颜色更改为黑色来实现的,因此当我单击按钮时,感觉“死了”。什么也没有发生,因此很难判断您是否未点击或发生了什么。

如何更改“onclick”边框颜色?这样,它可以再次获得“沮丧”的外观。

.addButton {
border-color:black;
border-width:1px;
background-color:#00B0F0;
text-decoration:underline;
}
Run Code Online (Sandbox Code Playgroud)

html border buttonclick

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

某些代码仅在chrome调试器处于活动状态时有效

我正在研究一个本机应用程序,我正在尝试使用片刻格式化日期.

日期看起来像"02-16-2016 09:04:23"

function formatTime(date){

  var formattedDate = moment(date).format('MM:ss A');

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

如果chrome调试器处于活动状态,则工作正常.但如果我禁用它,我得到的只是"无效日期"

与我正在使用的解码功能相同

var that = this;
MessagesService.getMessageBody(selectedMessage)
    .then(function(messageBody){

        var decodedData = window.atob(messageBody.messages);

        that.setState({
          messageBody: decodedData
        })
    })
    .catch(function(err){
        console.log(err);
    })
Run Code Online (Sandbox Code Playgroud)

用,显示解码数据

<Text> Body: {this.state.messageBody} </Text>
Run Code Online (Sandbox Code Playgroud)

并显示日期

<View style = {[MessageStyles.senderItem, MessageStyles.date]}>
       <Text>
          {this.formatTime(message.createDateTime)}
       </Text>
</View>
Run Code Online (Sandbox Code Playgroud)

也许这是一个糟糕的方式来做反应本机?还在学习,所以我可能会做一些不好的练习.

node.js momentjs react-native

0
推荐指数
1
解决办法
810
查看次数