小编Jii*_*iiB的帖子

Angularjs模板默认值,如果绑定Null/Undefined(带过滤器)

我有一个模板绑定,使用Angular的日期过滤器显示一个名为'date'的模型属性,它是一个日期.

<span class="gallery-date">{{gallery.date | date:'mediumDate'}}</span>
Run Code Online (Sandbox Code Playgroud)

到现在为止还挺好.但是,目前,如果日期字段中没有值,则绑定不显示任何内容.但是,如果没有日期,我希望它显示字符串'Various'.

我可以使用二元运算符获得基本逻辑:

<span class="gallery-date">{{gallery.date || 'Various'}}</span>
Run Code Online (Sandbox Code Playgroud)

但是我无法使用日期过滤器:

<span class="gallery-date">{{gallery.date | date:'mediumDate' || "Various"}}</span>
Run Code Online (Sandbox Code Playgroud)

如何在日期过滤器旁边使用二元运算符?

javascript binding templates default angularjs

171
推荐指数
4
解决办法
15万
查看次数

如何在material-ui 1.0中添加一个List的链接?

使用onClick动画进行以下混乱(ListItem变为红色):

<List>
  <a href="https://www.google.com">
    <ListItem button>
       <ListItemText primary="Google" />
     </ListItem>
   </a>
 </List>
Run Code Online (Sandbox Code Playgroud)

在ListItem中添加链接时,只有单击ListItemText才能使转换工作,这不是我想要的.添加链接的正确方法是什么?

reactjs material-ui

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

CSS根据浏览器类型转换不同的行为

在我的代码中,我根据当前鼠标的X和Y位置更改了一些元素的位置.我添加了一个CSS transition: all 5000ms;来使动画更流畅.

它看起来很棒并且在谷歌浏览器(版本63)中按预期工作,但在Internet ExplorerFirefox中,动画看起来很滞/不稳定

这是我的代码:

// $('.shape').css("transition", "all 7000ms");
$(document).mousemove(function(e){
    let mX = e.clientX;
    let mY = e.clientY;
    $('.shape-1').css("transform", "translate("+mX/10+"px, "+mY/10+"px)");
});
Run Code Online (Sandbox Code Playgroud)

有谁知道为什么浏览器对css转换的处理方式不同?

没有CSS过渡的 JSFiddle :https://jsfiddle.net/2rrcp27L/9/

JSFiddle 与CSS过渡:https://jsfiddle.net/2rrcp27L/6/

javascript css jquery css3 css-transitions

11
推荐指数
2
解决办法
665
查看次数

如何用javascript对google数据存储进行压力测试?

我们需要测试我们的基础架构的弹性(每秒高达数十万个请求),架构中的一个元素是谷歌云数据存储.我需要执行的测试之一是可以在一秒钟内写入多少实体.

有一个代码示例这里由谷歌插入和列表元素,但我觉得,这是慢写一个实体(每个刀片有一两秒钟),甚至paralelising他们在一个bash脚本,它需要的时间相当多,来自基础设施之外和内部.

有没有办法直接测试数据存储区,每秒可以发送数千个请求?最好是在javascript中.

我自己不是一个javascript程序员,如果这个问题有点显而易见,我很抱歉 - 我希望不是.

javascript node.js google-cloud-datastore google-cloud-platform

10
推荐指数
1
解决办法
286
查看次数

将AngularJS 1.6导入Angular-Universal项目

我们正在迁移一个混合的Angular6和AngularJS 1.6项目.在这个过程中,我们还想引入服务器端渲染(SSR).

问题是,SSR在节点环境中运行,因此运行SSR/prerendering会收到以下错误:

npm-run ts-node ./prerender.ts

[..]/node_modules/angular/index.js:2

**module.exports = angular;**

**ReferenceError: angular is not defined**

   at Object.<anonymous> ([..]/node_modules/angular/index.js:2:18)

    at Module._compile (module.js:652:30)
    at Object.Module._extensions..js (module.js:663:10)
    at Module.load (module.js:565:32)
    at tryModuleLoad (module.js:505:12)
    at Function.Module._load (module.js:497:3)
    at Module.require (module.js:596:17)
    at require (internal/module.js:11:18)

    at Object.angular ([..]/dist/server/webpack:/external "angular":1:1)

    at _webpack_require_ 
([..]/dist/server/webpack:/webpack/bootstrap:19:1)
Run Code Online (Sandbox Code Playgroud)

import 'zone.js/dist/zone-node';
import 'reflect-metadata';
import {renderModuleFactory} from '@angular/platform-server';
import {writeFileSync} from 'fs';

const globalAny:any = global;
const Window = require('window');
let window = new Window();
globalAny.window = window;
globalAny.document = window.document;

const {AppServerModuleNgFactory} = …
Run Code Online (Sandbox Code Playgroud)

node.js angularjs angular-universal angular angular-hybrid

9
推荐指数
0
解决办法
204
查看次数

Firebase signInWithEmailAndPassword() 400() POST 错误且 INVALID_PASSWORD

I\xe2\x80\x99m 目前使用用户名和密码在我的 angularjs 应用程序中实现新的 firebase auth() 。

\n\n
firebase.auth().signInWithEmailAndPassword(email, password)\n
Run Code Online (Sandbox Code Playgroud)\n\n

这一切都正常,直到为有效电子邮件地址提供了错误的密码为止。诺言回来了,我优雅地处理了这件事。但是控制台和网络记录了 400

\n\n
 POST https://www.googleapis.com/identitytoolkit/v3/relyingparty/verifyPassword?key=[key] 400\n
Run Code Online (Sandbox Code Playgroud)\n\n

响应正文:

\n\n
{\n    "error": {\n   "errors": [\n    {\n     "domain": "global",\n     "reason": "invalid",\n     "message": "INVALID_PASSWORD"\n     }\n    ],\n    "code": 400,\n    "message": "INVALID_PASSWORD"\n     }\n    }\n
Run Code Online (Sandbox Code Playgroud)\n\n

我已经看到了之前关于此问题的所有问题,但找不到满足我的应用程序需求的答案。预期的行为是返回对承诺的错误响应(这就是所做的),但也不向用户记录哪条信息不正确。

\n\n

从渗透测试的角度来看,这向用户/黑客泄露了有价值的信息。除了更改为另一个身份验证实现之外,还有其他关于如何处理此问题的建议吗?

\n\n

非常感谢任何帮助。

\n

angularjs firebase

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

如何定位标签中的直接文本而不是文本?

有没有办法只针对<h1>-Tag中的直接文本?

这是我想要做的一个例子:

<h1>I want to select this text with a css selector <small>but not this text</small></h1>
Run Code Online (Sandbox Code Playgroud)

这似乎不起作用:

h1:not(small)
Run Code Online (Sandbox Code Playgroud)

它甚至可能吗?

html css css-selectors css3

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

如何将stencil与第三方css库一起使用

我是第一次尝试stenciljs 。我想构建一个小应用程序,而不仅仅是一个可重用的 Web 组件。

我的问题是是否有可能将BootstrapSkeletonBulma等第三方 CSS 库添加到我的应用程序中。

我尝试了以下方法,但似乎都不起作用:

示例1:

简单地添加 CDN<link rel="stylesheet" href="link-here">index.html行不通的。

示例2:

我安装了 Bulma CSS 库并npm尝试将其导入到app.css文件中,如下所示:

@import "../../node_modules/bulma/css/bulma.min.css";
Run Code Online (Sandbox Code Playgroud)

或者

@import url("https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css");
Run Code Online (Sandbox Code Playgroud)

文档说这app.css是针对全局样式的。但这个方法也不起作用。

如何将第三方 CSS 库添加到我的模板项目中?

javascript css twitter-bootstrap typescript stenciljs

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

数字字符串不能以零开头.其他方案?

我有一个只包含数字的字符串,但字符串不能以零开头.

我想到的第一件事是:

let myNumber = "0052";
myNumber = myNumber.split('');
for (let i = 0; i < myNumber.length; i++) {
    if (myNumber[i] == '0') {
        myNumber.splice(i, 1);
        i--;
    } else {
        break;
    }
}
console.log(myNumber);
console.log('result:', myNumber.join(''));
Run Code Online (Sandbox Code Playgroud)

一切都很好.

我认为如果不使用经典的for循环可能会有另一种方式.我对for-of循环的尝试失败了.一旦我删除了我的数组的第一个条目,循环的索引就不会重置,所以它会跳过我的数组中的第二个.这是代码:

let myNumber = "0052";
myNumber = myNumber.split('');
for (let n of myNumber) {
    if (n == '0') {
        myNumber.shift();
    } else {
        break;
    }
}
console.log(myNumber);
console.log('result:', myNumber.join(''));
Run Code Online (Sandbox Code Playgroud)

这个问题还有哪些其他解决方案?有更高性能的解决方案吗?

javascript arrays for-loop

0
推荐指数
2
解决办法
77
查看次数