小编Mos*_*Feu的帖子

有没有办法从货币过滤器的输出中删除小数/美分？我正在做这样的事情:

<div>{{Price | currency}}</div>

哪个输出:

$ 1,000.00

相反,我想:

$ 1,000个

可以使用货币过滤器完成吗？我知道我可以在数字上加一个美元符号,我可以编写自己的过滤器,但我希望现有的货币过滤器存在一个简单的方法.

谢谢.

在node.js中,我可以列出具有匹配的通配符的文件

fs.readdirSync('C:/tmp/*.csv')?

我没有从fs文档中找到有关外卡匹配的信息.

Javascript .scrollIntoView(boolean)只提供两个对齐选项.

1. 最佳
2. 底部

如果我想滚动视图怎么办？我想把特定元素带到页面中间的某个地方？

所有,

我希望能够在我的CSS中使用calc()和transform:translateX.

例如,

#myDiv {
  -webkit-transform: translateX(calc(100% - 50px));
  -moz-transform: translateX(calc(100% - 50px));
  transform: translateX(calc(100% - 50px));
}

虽然这在Chrome,Safari和Firefox中完美运行 - 但它在IE10或IE11中不起作用.

你可以在这里看到一个简单的例子:http://jsfiddle.net/SL2mk/9/

这不可能吗？它是IE中的错误,还是calc()不应该在这种情况下工作？

对于它的价值 - 我在这里读到你可以"堆叠" translateX以实现相同的效果,我的测试似乎证实了这一点.也就是说,

#div {
  transform: translateX(calc(100% - 50px));
}

是相同的:

#div {
  transform: translateX(100%) translateX(-50px);
}

但我不知道这是否是最好,最可靠,面向未来的方法.

我也知道可以使用left而不是translateX,但后者在使用过渡时更加平滑,因为据我所知,它强制使用GPU来处理动画.

提前感谢您的建议和见解!

有没有办法从javascript访问css变量？这是我的css变量声明.

:root {
  --color-font-general: #336699;
}

将所选项目重置为默认值的最佳方法是什么？我正在使用Select2库,当使用普通按钮时type="reset",下拉列表中的值不会重置.

因此,当我按下我的按钮时,我希望再次显示"全部".

jQuery的

$("#d").select2();

HTML

<select id="d" name="d">
  <option selected disabled>All</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>

我有一个div带有文本的元素和一个背景图像,它是通过CSS属性设置的background-image.是否有可能通过jQuery淡入背景图像？

div {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(http://upload.wikimedia.org/wikipedia/commons/8/84/Konqi_svg.svg);
  border: 1px solid #666;
  height: 10em;
}

<div>Text</div>

编辑

我做了一个小提琴,举例说明了我的情景.基本上,这会配置一个初始background-image和一个transition,并background-image使用jQuery 更改.在我的测试中,两个图像之间没有动画过渡.

EDIT2

我修改过的小提琴有效!

我正在尝试(也在https://gist.github.com/1703994):

<!DOCTYPE html>
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script type="text/javascript" src="http://mbostock.github.com/d3/d3.js?1.27.2"></script>
    <script type="text/javascript" src="http://mbostock.github.com/d3/d3.time.js?1.27.2"></script>

    <script type="text/javascript" src="js-libs/jquery-1.7.js"></script>

    <style>
      <!--
      #test {
      width: 400px;
      height: 500px;
      }
      -->
    </style>
  </head>

  <body>

    <script type="text/javascript">
      $(function() {
        var w = 600,
            h = 350;

        var vis = d3.select("#test").append("svg:svg")
        .attr("width", w)
        .attr("height", h)
        .append("svg:g")
        .attr("transform", "translate(" + w / 2 + "," + h / 2 + ")");

        var g = vis.selectAll("g")
        .data([ { x:1 , y: 2} ])
        .enter().append("svg:g");

        g.append("svg:path")
        .attr("fill", "red") …

我发现Chrome和其他WebKit浏览器大量模糊任何已应用translate3d的css缩放内容的问题.

这是一个JS小提琴:http://jsfiddle.net/5f6Wg/.(在Chrome中查看.)

.test {
  -webkit-transform: translate3d(0px, 100px, 0px);
}

.testInner
{
  /*-webkit-transform: scale(1.2);*/
  -webkit-transform: scale3d(1.2, 1.2, 1);
  text-align: center;
}

<div class="test">
  <div class="testInner">
    This is blurry in Chrome/WebKit when translate3d and scale or scale3d are applied.
  </div>
</div>

有没有任何已知的解决方法？我在上面的简单示例中得到了这个,我可以简单地使用translate而不是translate3d - 这里的重点是将代码剥离到最基本的要素.

我目前正在bootstrap-UI我的机器上本地测试角度.当我尝试重新创建手风琴和对话框的例子时.我在控制台中收到此错误消息,指出该模板已丢失.

错误示例:404 Not Found - localhost/angular/template/message.html

当我查看ui-bootstrap-0.1.0.js指令时有一个模板URL.

templateURL该指令的目的是什么？

当我下载整个角度bootstrap-UIzip文件时,是否包含这些模板？

我错过了我应该包含在标题中的其他文件吗？

<link rel="stylesheet" href="includes/css/bootstrap.css">
<script src="includes/js/angular.js"></script>
<script src="includes/js/ui-bootstrap-0.1.0.js"></script>