小编HP.*_*HP.的帖子
具有阵列长度条件的角度ng重复
我希望ng-repeat到运行,只有当photos.length > 1
这样做似乎不起作用:
<div ng-repeat="thumb in photos | photos.length > 1">
有没有快速的技巧/优雅的方式来做到这一点？我只需要检查数组长度,没有别的想象.
我不想通过做这样的事情将数组复制到另一个数组
if (oldArray.length > 1)
newArray = photos;
else
newArray = [];
......然后ng-repeat继续newArray.这似乎效率低下.
谢谢.
推荐指数
解决办法
查看次数
使用ng-style在css中动态转换
transform当它在里面时我无法上班ng-style.
<!DOCTYPE html>
<html ng-app="plunker">
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<script>document.write('<base href="' + document.location + '" />');</script>
<link rel="stylesheet" href="style.css" />
<script data-require="angular.js@1.2.x" src="http://code.angularjs.org/1.2.13/angular.js" data-semver="1.2.13"></script>
<script src="app.js"></script>
</head>
<body ng-controller="MainCtrl">
<div style="transform: rotate(3deg);-webkit-transform: rotate(3deg);-ms-transform: rotate(3deg)">Test</div>
<div ng-style="{"transform": "rotate({{number}}deg)", "-webkit-transform": "rotate({{number}}deg)", "-ms-transform": "rotate({{number}}deg)"}">{{number}}</div>
<input type="number" ng-model="number" value=1>
</body>
</html>
链接:http://plnkr.co/edit/txSzAKxLDq48LVitntro?p=preview
如果我改变input数字,顶部div应该改变并同时旋转.当它的值为3时,它应该看起来像上面的单词Test.
那么如何transform在这种情况下开始工作？
谢谢.
推荐指数
解决办法
查看次数
克隆Github repo到特定的Windows文件夹？
如何更改特定git的克隆文件夹？我的默认存储目录在这里
C:\Users\myPC\Documents\GitHub
但对于这一个git
https://github.com/username/myproject
我想把它放进去
C:\somefolder
(而不是像C:\ somefolder\myproject,但C:\ somefolder下的所有文件)
怎么做？我试过git clone命令行,但git没有出现在我的Github for Windows客户端
对不起基本问题但无法google或在此搜索任何答案!
推荐指数
解决办法
查看次数
如何在Chrome Dev Tool中使用getEventListeners？
我试图追溯哪个函数挂钩到click事件中.someclass.我打开Chrome Dev Tool并输入
getEventListeners(document.querySelector('.someclass'));
结果就是这样
Object {}
我无法单击并打开它以查找对象的名称或处理单击事件的源代码.
有没有办法找出来？
更新1:
跟随Krasimir的建议如下.可能只有两个事件:mousemove或mouseover.那么我该如何找到处理该事件的确切函数canvas.overlay呢？有太多可以深入研究.
推荐指数
解决办法
查看次数
获取没有DOM元素的css值
我想知道当DOM中没有元素使用时,是否有办法从样式表文件中获取css值？我正在使用jQuery,我使用selector $(".classname").css()来获取值.但是对于"classname"的情况不在任何元素中,如何获取值"谢谢
推荐指数
解决办法
查看次数
首先使用Browserify运行脚本而不使用构建过程
我经历了很多文章上阅读Browserify一样http://javascriptplayground.com/blog/2013/11/backbone-browserify/并且总有一个步骤,如下图所示:
$ browserify app/app.js | uglifyjs > app/bundle.js
这似乎是在您在浏览器中运行脚本以查看其工作原理之前完成的.有没有办法不不必做建立每个更改代码的时间？与......中的define()功能类似的东西requirejs
推荐指数
解决办法
查看次数
使用ui-router和ion-tabs时模板不会更新
码
http://codepen.io/hawkphil/pen/LEBNVB
我从侧面菜单中有两页(link1和link2).每个页面有2个标签:
link1:tab 1.1和tab 1.2
link2:tab 2.1和tab 2.2
我ion-tabs用于每个页面包含2个选项卡.
这是一个非常简单的设计:我想点击link1或link2转到适当的路线.但由于某种原因,状态已正确更改(请参阅控制台),但实际的html模板未更新.你能找出问题所在以及如何解决问题吗？
似乎存在一些缓存问题.
HTML
<title>Tabs Example</title>
<link href="//code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet">
<script src="//code.ionicframework.com/nightly/js/ionic.bundle.js"></script>
<ion-side-menus enable-menu-with-back-views="false">
<ion-side-menu-content>
<ion-nav-bar class="bar-positive">
<ion-nav-back-button>
</ion-nav-back-button>
<ion-nav-buttons side="left">
<button class="button button-icon button-clear ion-navicon" menu-toggle="left">
</button>
</ion-nav-buttons>
<ion-nav-buttons side="right">
<button class="button button-icon button-clear ion-navicon" menu-toggle="right">
</button>
</ion-nav-buttons>
</ion-nav-bar>
<ion-nav-view name="menuContent"></ion-nav-view>
</ion-side-menu-content>
<ion-side-menu side="left">
<ion-header-bar class="bar-balanced">
<h1 class="title">Left</h1>
</ion-header-bar>
<ion-content>
<ion-list>
<ion-item …推荐指数
解决办法
查看次数
使用Angular2和stripe.js导入条带
我使用Angular2,Ionic2和Stripe.js进行付款处理.这个离线带有条带支付网关的线程使用插件https://github.com/Telerik-Verified-Plugins/Stripe/blob/master/doc/index.md,但它不安全,因为你必须在内部嵌入密钥该应用程序.甚至页面也告诉人们不要使用这个插件.
我试着在这里使用node.js版本:
https://www.npmjs.com/package/stripe
但是,我无法弄清楚如何var stripe = require('stripe')(' your stripe API key ');在TypeScript中执行此操作,您必须使用import.
最后,我确实放入<script type="text/javascript" src="https://js.stripe.com/v2/"></script>了index.html,stripe变量全局显示在每个Component中.但是,我觉得这不是正确的方法,因为当stripe我在每个Component或Page中使用它时,对象可能还没有准备好.
使用Angular2和Stripe.js的正确方法是什么？Ionic2特别好看但是可选的.
谢谢
更新1
我尝试npm install stripe然后使用import '../../node_modules/stripe/lib/stripe.js';但仍然有错误:
TypeScript error: /Users/username/Documents/StripePayment/app/pages/home/home.ts(16,23): Error TS2304: Cannot find name 'Stripe'.
Error: Cannot find module '../../node_modules/stripe/lib/stripe.js' from '/Users/username/Documents/StripePayment/app/pages/home'
这是我的VS Code截图,其中包含目录结构:
推荐指数
解决办法
查看次数
NO_MODIFICATION_ALLOWED_ERR DOM例外7的Chrome错误
我有以下代码将样式插入DOM(有一个用于将样式注入DOM的用例,所以请不要问为什么或者说在.css文件中加载css).
<script type="text/javascript">
window.onload = function()
{
var bmstyle = document.createElement('style');
bmstyle.setAttribute('type', 'text/css');
var styleStr = "#test-div {background:#FFF;border:2px solid #315300;";
bmstyle.innerHTML = styleStr;
document.body.appendChild(bmstyle);
}
</script>
如果我在Firefox中运行,它运行正常.但是我在Google Chrome中遇到了这个错误:
Line bmstyle.innerHTML = styleStr;
Uncaught Error: NO_MODIFICATION_ALLOWED_ERR: DOM Exception 7
有人有修复吗？谢谢
推荐指数
解决办法
查看次数
垂直对齐中间与Bootstrap响应网格
我在span使用Bootstrap 2.3.2的垂直中间问题上有一个非常简单的问题.
要求:
有两列,左列有固定高度300px,因为里面有300x300图像.
右列有文本,必须根据左列居中.
整个过程必须要有回应.这就是我使用响应式图像的原因.
如果第二列向下到底,则其高度必须符合文本的大小.这意味着我无法在第二列上设置固定高度.
一定不要用JS来解决这个问题.
HTML:
<div class="container-fluid">
<div class="row-fluid">
<div class="span6">
<img class="img-responsive" src="http://placehold.it/300x300"/>
</div>
<div class="span6 v-center">
<div class="content">
<h1>Title</h1>
<p>Paragraph</p>
</div>
</div>
</div>
</div>
CSS:
.v-center {
display:table;
border:2px solid gray;
height:300px;
}
.content {
display:table-cell;
vertical-align:middle;
text-align:center;
}
我的代码: http ://jsfiddle.net/qhoc/F9ewn/1/
你可以看到我做了什么上面:我基本上设置第二列span的表,middle该.content表单元格.我在这里复制了这个方法如何在bootstrap中使用vertical align(这里有工作示例http://jsfiddle.net/lharby/AJAhR/)
由于上述要求,我的挑战有点不同.有关如何使其工作的任何想法？谢谢.
推荐指数
解决办法
查看次数
标签 统计
javascript ×8
html ×6
css ×4
angularjs ×3
dom ×2
angular ×1
browserify ×1
git ×1
github ×1
ionic2 ×1
jquery ×1
requirejs ×1
stylesheet ×1