小编One*_*one的帖子

如何访问angularjs ng-repeat中的上一个和下一个项目

我有一个使用ng-repeat显示的事件列表.从每个事件中,我需要访问上一个和下一个事件,以了解HTML显示的原因.当我不使用过滤器时,这很好用

events[$index - 1]
Run Code Online (Sandbox Code Playgroud)

但是,如果我使用过滤和重新排序事件

event in events | myMinDate: 'start':config.now | orderBy: 'start'
Run Code Online (Sandbox Code Playgroud)

我不能使用这种技术,因为事件数组仍然引用原始(未过滤,未排序)数据结构.不幸的是,没有过滤数据的数据数组或类似$ previous和$ next的数据.

任何想法如何在不触及实际事件数组的情况下实现这一目标?

angularjs angularjs-ng-repeat

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

如何让Advanced Rest Client使用socket.io

我正在尝试使用带有socket.io的Advanced Rest Client(Chrome扩展程序/应用程序),但它没有连接到我的NodeJS socket.io服务器.

问题或许是我不能使用ws:// localhost并且必须先使用其他协议?我知道socket.io确实支持WebSocket协议.

或者也许有专门针对socket.io的另一个扩展或应用程序..?

任何帮助是极大的赞赏.

websocket google-chrome-extension node.js socket.io

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

更改 $scope.$on 函数中的 $scope.variable 不会更新视图

我想监听路线更改并更新 $scope 变量以反映菜单中的当前路线(md-nav-bar):

$scope.$on('$routeChangeSuccess', function(event, current) {
    $scope.currentNavItem = $location.path();
    console.log('current location path', $scope.currentNavItem);
});
Run Code Online (Sandbox Code Playgroud)

输出是正确的(例如“/overview”),但是视图/菜单未更新。我需要手动启动更新吗?

angularjs angularjs-scope angular-ui-router

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

基本的Angular材质布局/ flex示例不起作用

我从Angular的材料设计演示站点尝试了一个基本的布局/弯曲示例:

https://material.angularjs.org/latest/layout/container

但是无论我做什么,它都无法按说明工作,仅以100%的宽度显示彼此下方的四个内部div。我尝试修改代码,以使列的宽度为50%,但仍然无法正常工作。这是我的代码:

<div layout="column">
    <div style="background-color: #3e8f3e" flex="50">First item in column</div>
    <div style="background-color: #00b3ee" flex="50">Second item in column</div>
</div>

<div layout="row">
    <div style="background-color: #eea236" flex="50">First item in row</div>
    <div style="background-color: #ce8483" flex="50">Second item in row</div>
</div>
Run Code Online (Sandbox Code Playgroud)

这是输出:

在此处输入图片说明

有什么想法吗?

这是一个jsfiddle:

https://jsfiddle.net/v42grc01/1/

css css3 flexbox angularjs angular-material

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

如何将光标焦点设置在输入字段上?

我想在显示表单(指令)后立即将光标焦点设置在输入字段上。我尝试将以下代码添加到我的链接函数中:

link: function (scope, element, attrs) {
    element('input[name=headline]').focus();
}
Run Code Online (Sandbox Code Playgroud)

但它不起作用。我还尝试了以下变体:

element.find('input[name=headline]').focus();
element.querySelector('input[name=headline]').focus();
Run Code Online (Sandbox Code Playgroud)

我在网上没有找到任何有用的信息。md-autofocus似乎与我想要实现的目标无关。

angularjs angular-material

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

如何以所有内容为中心显示md-progress-circular

我想md-progress-bar在从服务器加载数据时使用.

虽然md-progress-bar显示,但我希望所有其他内容不可点击.此外,进度动画应显示在窗口的中心.

我尝试在我的模板中使用以下HTML:

<md-dialog style="background-color:transparent;box-shadow:none">
    <div layout="row" layout-sm="column" layout-align="center center" aria-label="wait">
    <md-progress-circular md-mode="indeterminate" ></md-progress-circular>
    </div>
</md-dialog>
Run Code Online (Sandbox Code Playgroud)

但它闪烁并显示滚动条:

在此输入图像描述

任何的想法?

css angularjs angular-material

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

NodeJS:for循环和promise

异步编程比同步编程困难得多。

使用nodeJS,我正在尝试以下操作:

for (var i = 0; i < 10; i++) {
    someFunction().then(function() {
        // Do stuff
    });
}
Run Code Online (Sandbox Code Playgroud)

但是我希望循环仅在“完成”部分完成后才能继续。

任何想法如何可以轻松实现...?

谢谢!

node.js promise

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