小编JVG*_*JVG的帖子

AngularJS ng-Keyup可以通过哪个键被按下了吗?

该文档Angular's ngkeyup几乎不存在.我有一个容器div为我的视图我想要应用键事件,但我想从我的控制器中的函数控制它们.

我正在尝试做这样的事情:

视图:

<div class="container" ng-keyup="keyPress(e)"></div>
Run Code Online (Sandbox Code Playgroud)

控制器:

$scope.keyPress = function(e){
   console.log(e); // where 'e' is the keycode of whatever was pressed
}
Run Code Online (Sandbox Code Playgroud)

这有可能吗?我无法在任何地方找到任何信息,ng-keyup实际上是什么以及如何使用它!例如,我想在left arrow key (37)按下时触发事件,我将如何使用Angular实现此目的?

javascript angularjs

27
推荐指数
2
解决办法
5万
查看次数

MongoDB $ gt/$ lt运算符,价格存储为字符串

我正在尝试查询我的数据库中的价格是否大于/小于用户指定的数字.在我的数据库中,价格存储如下:

{price: "300.00"}
Run Code Online (Sandbox Code Playgroud)

根据文档,这应该工作:

db.products.find({price: {$gt:30.00}}).pretty()
Run Code Online (Sandbox Code Playgroud)

但我没有得到任何结果.我也试过了{price: {$gt:30}}.

我在这里错过了什么?

这是因为价格存储为字符串而不是数据库中的数字?有没有解决的办法?

mongodb

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

Javascript滚动功能很慢,Chrome中有很多"Timer Fired:onloadwff.js:310"黄鼠狼事件

我正在尝试调试在Chrome中运行速度有点慢的页面,认为这可能是以下javascript代码的问题:

$(document).ready(function() {
  function navScroll(distance){
    $(window).scroll(function() {
      var scrollTop;
      if(distance){
        scrollTop = distance;
      }else{
        scrollTop = 150;
      }
      if($(window).scrollTop() >= scrollTop) {
        if(!($('#mainNav').hasClass('showNav'))) {
          $('#mainNav').addClass('showNav');
        }
      } else {
        if($('#mainNav').hasClass('showNav')) {
          $('#mainNav').removeClass('showNav');
        }
      }
    });
  }

  if($('.header-image-base').length){
    var windowHeight = $(window).height();
    $('.header-image-base').css('height', windowHeight);
    navScroll(windowHeight);
  }else{
    navScroll();
  }
});
Run Code Online (Sandbox Code Playgroud)

当我查看Chrome控制台的"时间轴"面板并按记录时,这就是我所看到的:

在此输入图像描述

有什么想法在这里发生了什么?我在谷歌上找不到任何对此的引用,也不知道如何解决它.

javascript jquery google-chrome google-chrome-devtools

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

Javascript"检查变量的长度时,无法读取未定义的属性'长度'

我正在构建一个用于解析的node刮刀.这是更多或一个香草javascript问题.在我的一部分中,我将一些内容加载到一个变量中,然后检查变量,如下所示:cheerioDOMlength

var theHref = $(obj.mainImg_select).attr('href');
if (theHref.length){
   // do stuff
} else {
  // do other stuff
}
Run Code Online (Sandbox Code Playgroud)

这很好用,直到我遇到一个$(obj.mainImg_select).attr('href')不存在的URL .我认为我的theHref.length支票会解释这个并跳过else: do other stuff声明,但我得到了:

TypeError: Cannot read property 'length' of undefined

我在这里做错了什么,我该如何解决这个问题?

javascript

22
推荐指数
2
解决办法
15万
查看次数

Heroku procfile"没有在Procfile中定义的此类进程类型Web"错误

这是我第一次使用Heroku,而事实上,我无法找到谷歌的人有类似的错误,这意味着我可能做的事情的方式错了:

我正在遵循基本的Heroku设置指南,以便将我的NodeJS应用程序部署到Web上.我已经部署并试图检查我dynos:

heroku ps:scale web=1

但是,当我这样做时,我收到错误:

Scaling web dynos... failed
 !    No such process type web defined in Procfile.
Run Code Online (Sandbox Code Playgroud)

当我跑步时,heroku ps我得不到任何回报.

在我的应用程序的根目录中,我有一个名为Procfile(没有扩展名)的文件,其中包含:

web: node app.js
Run Code Online (Sandbox Code Playgroud)

该应用程序在本地运行,没有任何问题(使用foreman start).

问题是为什么会发生这种情况,我该如何解决它,我是否应该关心?

heroku foreman heroku-toolbelt

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

AngularJS - 呈现字符串中包含的HTML标记

我的数据库存储了产品信息,其中很多都被组织成列表.我将数据加载到Angular中$scope.post.

例如,

$scope.post.size_description = '<li> Fits true to size. Take your normal size\r</li>
   <li> Slim-cut, mid-rise style</li>
   <li> Long in length, alter to fit</li>
   <li> Model wears an IT 48\r</li>
   <li> Model measures: waist size 32, height 6\'1"/ 185cm\r</li>'.
Run Code Online (Sandbox Code Playgroud)

当我尝试将此数据加载到我的Angular应用程序中时,它会呈现为文本(即<li>未解析).我理解这可能是出于安全原因而发生的,但它有什么办法吗?

html javascript escaping angularjs

15
推荐指数
2
解决办法
4万
查看次数

在AngularJS中设置动态ng模型名称

这里这里有类似的问题,虽然我的用例有点不同.

我有一个名为的对象uniqueLists,如下所示:

$scope.uniqueLists - {
    name: [
            'string1',
            'string2',
            'string3'
            // Lots of strings
    ],
    Category: [
            'string1',
            'string2',
            'string3'
            // Lots of strings
    ],
    designer: [
            'string1',
            'string2',
            'string3'
            // Lots of strings
    ]
}
Run Code Online (Sandbox Code Playgroud)

我正在尝试从此列表中构建搜索功能.目前,我可以在页面上的复选框中显示所有列表项(下面的代码使用JadeNode/ExpressJS的模板引擎,即使你不熟悉它也很容易理解.Netnt ==子节点的它上面的线)

div(class="searchNav")
    p(ng-repeat="param in searchParams") {{param[0] + ' = ' + param[1]}}

    div.row-fluid(ng-repeat="(key,val) in uniqueLists")
        form(ng-model="???") {{key}}
            label.checkbox(ng-repeat="value in val")
                input(type="checkbox", ng-model="?????") 
                {{value}}
Run Code Online (Sandbox Code Playgroud)

我遇到问题的唯一部分是ng-model我的表格和复选框.我想要formng-model == {{key}}.我已经尝试过设置但是它打破了Angular.我也试过了,ng-model='uniqueLists[index][0]'但是,Angular并没有解析它,只是让每个表单的模型成为字符串uniqueLists[index][0] …

javascript mapping-model angularjs angularjs-ng-repeat

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

锚链接落在错误的位置

可能是一个愚蠢的问题,但老实说我无法解决这里出了什么问题.

http://harrisonfjord.com/thinkinc/

我正在建立的一个网站.我想在http://harrisonfjord.com/thinkinc/index.php#sponsors上建立一个锚点链接.我已经在以下代码中设置了锚点:

<a name="sponsors"></a>
    <div class="sponsors">
        <div class="sponsors-left">
            <h2>Sponsors</h2>
                <p>Support the lovely folks who support us! Visit their websites, join their mailing lists and peruse their wares. They are all highly-deserving of your custom, and we're thrilled to have each and everyone one of them on-board!</p>
            </div>
Run Code Online (Sandbox Code Playgroud)

但是,当你点击锚链接时,它会降低到div的一半.我认为在锚链接加载后加载图像可能会出现问题,因此我手动为所有标记添加宽度/高度.我也对标题栏中的cufon文本替换做了同样的事情.

这些都没有帮助,所以现在我转向你.无论出于何种原因,锚也无法在Firefox中运行.我在这里做错了什么想法?

干杯!

html anchor position hyperlink

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

IE"风格计算"在AngularJS应用程序中的表现非常慢

我有一个使用Angular Material的AngularJS应用程序和从外部API加载的数据.

这个应用程序并没有什么特别突破性的,我的所有测试在Chrome,Firefox和Safari中都运行得非常好.

但是,当我使用Internet Explorer时,一切都会破裂.该应用程序非常慢,CSS动画是痛苦的滞后,应用程序完全无法使用.

我花了一天时间尝试了一些潜在的错误修正和调试,但我想成为王牌.

我能看到的东西:

  • 当我使用IE11的开发人员工具并运行性能日志时,"样式计算"占用了大部分时间.
  • 当我有通配符CSS选择器性能较慢(如*{box-sizing: border-box})

这是性能检查器的输出,我只需向下滚动一个md-virtual-repeat:

IE性能:样式计算

正如你所看到的,style calculation这里占用了大量的时间.

谷歌搜索已经取得了成功的解决方案.这里发生了什么?这是一个红色的鲱鱼,问题是我的应用程序中的其他地方(我的JS就像我想到的那样高效,而且我还测试了加载没有真正的数据,只有30个静态对象进入虚拟转发器 - 和结果是​​一样的).

css performance internet-explorer angularjs

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

LinkedIn不再让我谷歌用户 - "sentinel_org_block"

不确定这是否与最近收紧的LinkedIn api相关(也许不是正确的Stack位置发布这个),但是当我从我的服务器使用LinkedIn时,我有一个奇怪的错误.

我知道他们真的锁定了"网络刮刀"(我没有对他们的网站做过).我的网站所做的只是让您点击名称并执行谷歌搜索.

点击John Doe who works for Acme Corp重定向到Google,搜索"John Doe Acme Corp LinkedIn",通常会在第一个结果中提供正确的用户个人资料.好哇!

但是,当我点击该结果时,我会收到一个错误页面.事实上,当我点击任何LinkedIn Google搜索结果时(即使我有机地谷歌)我被重定向到"找不到页面"的结果.

所有错误页面都包含/uas/login?trk=sentinel_org_block在其中.

知道这里发生了什么吗?肯定LinkedIn并没有阻止我只是谷歌搜索人?

linkedin linkedin-api

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