小编Ale*_*ton的帖子

Angular JS:异步工厂调用问题

我是棱角分明的新手,我正在创建一个简单的应用程序.它在项目之间导航,通过JSON拉入:

http://plnkr.co/edit/FTfa1rcVaf85xTu65oSR?p=preview

我也在使用工厂,在那里我打电话,get或者getOne,这样它$http在一个地方处理,只有在数据尚未被提取的情况下才调用它.

当你在主页上开始时这一切都很好,但是当你在一个单独的项目页面上开始时,两个get并且同时getOne被调用,拉入重复的数据.您可以通过在其自己的窗口中打开Plunker并转到诸如的URL来测试/#/projects/1.

我知道为什么会这样,我只是无法弄清楚如何阻止它.

有没有一个简单的解决方案或我是否完全错误的方式?

谢谢参观.

asynchronous factory angularjs angular-ui-router

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

让 CSS transition-duration 双向工作?

我意识到 CSS 转换始终适用于添加的类,而不是删除的类。但我想知道我的问题是否有一个优雅的解决方案。我有一组框,当悬停时,它们会变成一个圆圈。当按下按钮时,它们会增大/缩小。

我希望它们缓慢地生长和收缩,但迅速变成圆形/方形。

此刻,它们慢慢地变大变小,迅速地变成圆形,又慢慢地变回正方形。这当然是因为框的 CSS 过渡持续时间设置为慢速,因此当删除圆类时,它们会恢复到原始速度。我提出了一个可行的解决方案(此处未包含),setTimeout用于暂时添加“快速”类并将其删除。它确实解决了问题,但对我来说感觉很丑陋。

你们有没有遇到过这个问题并想到更好的方法?或者这只是超出了 CSS 转换的范围?

CSS:

.box {
    background: red;
    width: 100px;
    height: 100px;
    margin: 10px;
    -webkit-transition: all 2s;
}

.big {
  width: 300px;    
}

.circle {
    background: blue;
    border-radius: 50px;
    -webkit-transition-duration: .5s;
}
Run Code Online (Sandbox Code Playgroud)

jQuery:

$('.box').on('mouseenter', function() {
    $(this).addClass('circle');            
})

$('.box').on('mouseleave', function() {
    $(this).removeClass('circle');            
})    

$('.makeBig').on('click', function() {
    $('.box').toggleClass('big');            
})
Run Code Online (Sandbox Code Playgroud)

HTML:

<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<button class="makeBig">Grow!</button>
Run Code Online (Sandbox Code Playgroud)

js小提琴:

http://jsfiddle.net/VDyPG/1/

css css-transitions

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

Three.js:使用变形目标获取更新的顶点

我有一些变形目标工作:

https://jsfiddle.net/3wtwzuh3/2/ (使用滑块控件查看变形)

但是,我希望能够在变形后访问顶点的新位置。如果您在链接的示例中注意到,我正在显示立方体第一个顶点的 y 坐标并且它没有更新!

// This Y vertex doesn't seem to update!
   elInfo.innerHTML = geometry.vertices[0].y;
Run Code Online (Sandbox Code Playgroud)

是否有可能获得新职位?我试过设置各种标志,但没有运气。

谢谢!

请注意,此示例仅用于解决问题,在我的实际项目中它稍微复杂一些(我需要顶点数据!)。

javascript vertices three.js

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