小编Art*_*hur的帖子

Angularjs OrderBy on ng-repeat不起作用

我正在尝试使用AngularJS作为我的第一个项目(锦标赛经理)并且orderBy过滤器ng-repeat不起作用:(我已阅读有关该文档的所有文档,但无所事事:/

所以,我有$scope类似的定义:

$scope.order_item = "count_win";
$scope.order_reverse = false;
$scope.teams = {
  100 : {
    id: 100,
    name: "XXX",
    count_win: 1,
    count_loose: 2,
    goal_average: 1,
  },
  200 : {
    id: 200,
    name: "XXX",
    count_win: 1,
    count_loose: 2,
    goal_average: 1,
  },
  [...]
};
Run Code Online (Sandbox Code Playgroud)

现在,根据我的观点,我正在尝试重新排序(首先只有一个订单项)但从未工作......

<tr ng-repeat="team in teams | orderBy:order_item:order_reverse">
   <td>{{team.name}}</td>
   <td>{{team.count_loose}}</td>
   <td>{{team.goal_average}}</td>
</tr>
Run Code Online (Sandbox Code Playgroud)

第二次,我想从2条信息来重新排序:count_wingoal_average如果第一是平等的.我尝试更换$scope.order_item这样的,但如果一个代码没有工作,他绝不会与2工作...

$scope.order_item = ['count_win','goal_average'];
Run Code Online (Sandbox Code Playgroud)

谢谢大家的阅读和对不起的帖子大小.

angularjs angularjs-ng-repeat angularjs-filter

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

CSS3 3D Transform在IE11上不起作用

我正在尝试用CSS3 3D Transform构建一个立方体..

在这个例子中,我只有两张脸:

<section id="header-cube-container">
    <div id="header-cube">
        <figure></figure>
        <figure></figure>
    </div>
</section>
Run Code Online (Sandbox Code Playgroud)

对于其他所有浏览器,我都获得了不错的结果,但IE 11很奇怪.

我有一个很好的3D平移并在绿色面上旋转(1),但红色面(2)垂直不显示在3D中.这只是红脸在绿脸上的投影.

Chrome和IE上的结果

你可以在这个小提琴上看到结果.

PS:我旋转100度而不是90度,看到红色面在绿色面上的投影(如果角度为90,投影不可见).

谢谢你们!

3d internet-explorer css3 css-transforms

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

在对象内的对象内创建数组

使用Javascript,如何在对象内的对象内创建数组,以便将值存储在:main [1] .type [1] [0]

我已经尝试过,但我的代码无效,如下所示:

let main = []

main[1] = {type: {1:['Value1', 'Value2']}, {2:['Value3', 'Value4']}};

console.log(main[1].type[0][1]);
Run Code Online (Sandbox Code Playgroud)

我希望main[1].type[1][0]是,'Value1'但事实是undefined

javascript arrays object

4
推荐指数
1
解决办法
81
查看次数

如何检测旋转的矩形何时相互碰撞

在多次看到这个问题并用旧的(且不可用的)代码回复后,我决定重做所有内容并发布有关它的信息。

矩形的定义如下:

  • center:x以及y他的位置(记住 0;0 是左上,所以 Y 向下)
  • size:x以及y他的尺寸
  • angle其旋转(以度为单位,0 度是沿着 OX 轴并顺时针旋转)

目标是知道两个矩形是否发生碰撞。

javascript math geometry collision-detection rectangles

4
推荐指数
1
解决办法
5083
查看次数

鼠标中心/ Mouseleave在SVG上使用和jQuery

我正在使用SVG图片构建我的菜单网站,我遇到了jQuery和mouseleave事件的问题.

这是我的HTML/CSS:

<div style="display:none;">
    <svg id ="home-icon" viewBox="0 0 64 64">
        <path  d="M57.0 <!-- .. SVG source Here ... --> 98z"/>
    </svg>
</div>
<ul id="top-menu">
    <li class="menu-icon">
        <svg><use xlink:href="#home-icon" /></svg>
    </li>
</ul>
.menu-icon svg{
    fill: #AB1;
    width:64px;height:64px; 
}
.menu-icon.active svg{
    background: #AB1;
    stroke: #e8e8e8;stroke-width: 2px;
}
Run Code Online (Sandbox Code Playgroud)

和jQuery:

$('.menu-icon').mouseenter(function(){
    $(this).addClass('active');
}).mouseleave(function(){
    $(this).removeClass('active');
});
Run Code Online (Sandbox Code Playgroud)

- >代码在这里< -

但当鼠标在svg balise上时,我的li.menu-icon上有一个触发器'mouseleave'.我准备不明白为什么?!

谢谢大家的阅读和帮助!

html javascript css jquery svg

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

Mongodb findOne不起作用

我第一次使用Mongodb并且我得到了一个非常奇怪的错误..我有一个'游戏'集合,我无法使用_id查询进行搜索..

我直接尝试mongo shell,这是结果:

> db.games.count()
0
> db.games.insert({created:'ok'})
WriteResult({ "nInserted" : 1 })
> db.games.find()
{ "_id" : ObjectId("54f7364d1f2f9378d7a5ddde"), "created" : "ok" }
> db.games.findOne({_id:'54f7364d1f2f9378d7a5ddde'})
null
> db.games.find({_id:'54f7364d1f2f9378d7a5ddde'})
> 
Run Code Online (Sandbox Code Playgroud)

我真的不知道发生了什么事?我正在考虑_id上的一个奇怪的索引,但我什么都没发现..

> db.games.getIndexes()
[
    {
        "v" : 1,
        "key" : {
            "_id" : 1
        },
        "name" : "_id_",
        "ns" : "cobra.games"
    }
]
> 
Run Code Online (Sandbox Code Playgroud)

这可能对你有帮助

> db.version()
2.6.5
Run Code Online (Sandbox Code Playgroud)

有人有想法吗?

mongodb

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

100%真正做到了什么?(多案例研究)

我目前正在建立一个完全响应的网站,我越努力理解,我就越不了解.主要是百分比.

我知道%是基于第一个定位的父级.但是,我在JSFiddle上做了一些例子,我有不同的结果:

小提琴

在所有示例中,我们都有相同的基础:

HTML:

<div class="example">  
  <div class="container">  
    <div class="item"></div>
  </div>   
</div>
Run Code Online (Sandbox Code Playgroud)

divs的CSS属性:

  1. .example块有position: relative.它有width: 60%(他的父母:身体).
  2. .container块有position: static.它有一个宽度:80%(这个时间.example因为它是一个相对块).

我的问题:

当我想移动.item,而不是块.example大小,但每个CSS属性我使用(margin-left,left,transform等),100个%会导致不同的大小.此外,如果我改变用于定位.item(static,relative等)的尺寸是不同的再.

有人可以解释为什么100%.item是不同的margin,lefttransform

html css width css3 percentage

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