小编Cap*_*ack的帖子

ngRepeat - 限制显示结果的数量

我是一个巨大的AngularJS n00b,我甚至发现教程很难理解.本教程将引导我构建一个显示电话的应用程序.我在第5步,我认为这是一个实验,我试图让用户指定他们想要显示多少.该视图如下所示:

<body ng-controller="PhoneListCtrl">

  <div class="container-fluid">
    <div class="row-fluid">
      <div class="span2">
        <!--Sidebar content-->

        Search: <input ng-model="query">
        How Many: <input ng-model="quantity">
        Sort by:
        <select ng-model="orderProp">
          <option value="name">Alphabetical</option>
          <option value="age">Newest</option>
        </select>

      </div>
      <div class="span10">
        <!--Body content-->

        <ul class="phones">
          <li ng-repeat="phone in phones | filter:query | orderBy:orderProp">
            {{phone.name}}
            <p>{{phone.snippet}}</p>
          </li>
        </ul>

      </div>
    </div>
  </div>
</body>
Run Code Online (Sandbox Code Playgroud)

我添加了这一行,用户可以输入他们想要显示的结果数量:

How Many: <input ng-model="quantity">
Run Code Online (Sandbox Code Playgroud)

这是我的控制器:

function PhoneListCtrl($scope, $http) {
  $http.get('phones/phones.json').success(function(data) {
    $scope.phones = data.splice(0, 'quantity');
  });

  $scope.orderProp = 'age';
  $scope.quantity = 5;
}
Run Code Online (Sandbox Code Playgroud)

重要的是: …

javascript model-view-controller scope angularjs

147
推荐指数
2
解决办法
19万
查看次数

如何迭代数组并删除JavaScript中的元素

我有一系列元素,需要从中删除某些元素.问题是JavaScript似乎没有为每个循环而且如果我使用for循环我遇到问题它基本上试图检查超出数组边界的元素,或者因为索引改变而缺少数组中的元素.让我告诉你我的意思:

var elements = [1, 5, 5, 3, 5, 2, 4];
for(var i = 0; i < elements.length; i++){
    if(elements[i] == 5){
        elements.splice(i, 1);
    }
}
Run Code Online (Sandbox Code Playgroud)

问题是当元素[1]被移除时,元素[2]变成元素[1].所以第一个问题是从未检查过某些元素.另一个问题是.length更改,如果我硬编码边界,​​那么我可能会尝试检查超出数组边界的元素.那么做这件非常简单的事情的最佳方法是什么?

javascript iteration bounds

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

Git(master | REBASE 1/1)是什么意思?我怎么摆脱它?

我是一个初学者,我试图回滚到之前的提交.但我不小心只是回滚了提交(我使用的是Windows GUI).无论如何,在经过一些奇怪的推动,合并以及其他令人困惑的事情后,我不太明白,我终于以我想要的方式得到了我的文件.唯一奇怪的是现在它在shell中说:

(主| REBASE 1/1)

它曾经只是说master,发生了什么?这是什么意思?我该如何回到原来的样子呢?

version-control branch github rebase git-branch

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

Bootstrap日期选择器格式在显示时的日期与在值上的不同

我想使用Twitter Bootstrap的datepicker.我希望以mm/dd/yyyy格式输入到DISPLAY,但是我希望它创建/传递的对象的值应该是yyyy-mm-dd.我知道这个属性:

"data-date-format" => "mm-dd-yyyy"
Run Code Online (Sandbox Code Playgroud)

但这会改变日期显示的方式以及值的格式.我的JS中也有这个:

$(this).datepicker({
  format: 'yyyy-mm-dd',
  autoclose: true,
  todayHighlight: true,
  pickTime: false
});
Run Code Online (Sandbox Code Playgroud)

我不确定格式部分正在做什么,但更改它不会更改输入创建的值.

javascript formatting datetime datepicker twitter-bootstrap

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

如何配置Visual Studio代码以从Windows的Linux子系统(WSL)运行/调试.NET(dotnet)Core?

我已经在Windows子系统Linux(WSL)中安装了dotnet core 2.2并创建了一个新项目.我还为Visual Studio Code安装了C#扩展,语法高亮显示和IntelliSense似乎正在工作.

但是,当我尝试使用调试器时,事情就停止了.这是我尝试配置它的一步一步.

这是我的launch.json:

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": ".NET Core Launch (console)",
            "type": "coreclr",
            "request": "launch",
            "preLaunchTask": "build",
            "program": "${workspaceFolder}/bin/Debug/netcoreapp2.2/CodeCore.dll",
            "args": [],
            "cwd": "${workspaceFolder}",
            "console": "internalConsole",
            "stopAtEntry": false,
            "internalConsoleOptions": "openOnSessionStart"
        },
        {
            "name": ".NET Core Launch (web)",
            "type": "coreclr",
            "request": "launch",
            "preLaunchTask": "build",
            "program": "${workspaceFolder}/bin/Debug/netcoreapp2.2/CodeCore.dll",
            "args": [],
            "cwd": "${workspaceFolder}",
            "stopAtEntry": false,
            "internalConsoleOptions": …
Run Code Online (Sandbox Code Playgroud)

c# debugging .net-core visual-studio-code windows-subsystem-for-linux

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

如何让 PreMailer.Net 不更改非 ascii 字符的编码?

我还在官方仓库上发布了我的问题作为Github 问题

我正在使用PreMailer.Net将 CSS 内联到 HTML 文档中。但是,当我调用 MoveCssInline 时,它​​会编码非 ASCII 字符,例如“&”。例如:

<a href="http://www.website.com/page?param1=a&param2=b"></a>
Run Code Online (Sandbox Code Playgroud)

改为:

<a href="http://www.website.com/page?param1=a&amp;param2=b"></a>
Run Code Online (Sandbox Code Playgroud)

我认为这种行为仅限于 URL 和 href 值,但事实证明它也编码了innerHTML/content。例如:

此外,我进行了进一步测试,发现这种编码不仅仅针对 href 等属性进行。事实上,它也会对 text/InnerHTML 值进行编码,这些值在没有编码的情况下是绝对有效的 html。例子:

<p>&</p>
Run Code Online (Sandbox Code Playgroud)

这是有效的 HTML,不应进行编码,但 PreMailer.Net 会将其更改为:

<p>&amp;</p>
Run Code Online (Sandbox Code Playgroud)

有没有人对此有修复或解决方法?我无法控制 HTML 文档,并且除了内联 CSS 之外,不允许更改 URL 或内容。

html css premailer

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

如何在 Rails 中建立相互友谊的模型

我知道之前在 Stack Overflow 上已经问过这个问题,但答案并没有以我可以解释的方式为我做。我的一般方法受到教程的启发。

我想要做的是创建一个非常简单的模型来为用户添加好友,通过一条记录在两端创建等效的好友关系。

在数据库级别,我只有一个“friendships”表,其中只有一个 user_id、一个friend_id 和一个 is_pending 布尔列。

在 user.rb 中,我将关系定义为:

has_many :friendships
has_many :friends, through: :friendships
Run Code Online (Sandbox Code Playgroud)

在friendship.rb 中,我将这种关系定义为:

belongs_to :user
belongs_to :friend, :class_name => 'User'
Run Code Online (Sandbox Code Playgroud)

如果我添加好友,我可以访问如下:

> a = User.first
> b = User.last
> Friendship.new(a.id, b.id)
> a.friends
=> #<User b>
Run Code Online (Sandbox Code Playgroud)

这是完美的,但我想要的是也能够像这样朝另一个方向前进:

> b.friends
Run Code Online (Sandbox Code Playgroud)

不幸的是,按照原样定义的关系,我得到了一个空集合。运行的 SQL 显示它正在搜索 user_id = b.id。我如何指定它还应该搜索friend_id = b.id?

ruby oop activerecord ruby-on-rails relationships

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

当我尝试使用我的Node/Express应用程序向我的Solr索引添加文档时,"[SyntaxError:Unexpected token <]"

我正在尝试将Solr集成到Node/Express应用程序中,而我正在使用 Node包进行Solr集成.我能够正确查询索引,但按照包的GitHub上的说明,我无法将文档添加到索引.我一直收到这个错误:

[SyntaxError: Unexpected token <]
Run Code Online (Sandbox Code Playgroud)

在Solr控制台上,错误更加详细:

SEVERE: Error processing "legacy" update command:com.ctc.wstx.exc.WstxUnexpectedCharException: Unexpected character '[' (code 91) in prolog; expected '<'
Run Code Online (Sandbox Code Playgroud)

这是一个小测试应用程序,我正在尝试使这个工作:

// set variables for environment
var express = require('express');
var path = require('path');
var solr = require('solr-client');

// Create the Express app
var app = express();
module.exports = app;

// Initialize the Vash view engine
app.set("views", path.join( __dirname, "/views") );
app.set("view engine", "vash");

// set routes
app.get('/', function(req, res) {
    // Create a client
    var client …
Run Code Online (Sandbox Code Playgroud)

xml json solr node.js express

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

没有babel或webpack的ReactJS Hello World

我正在尝试学习ReactJS,并且发现很多教程令人困惑,因为它们将NodeJS,Babel和Webpack一次全部放入了它们的解释中,并掩盖了许多正在发生的事情。我正在尝试做一个基本的Hello World应用程序,并一次添加一个这些工具,以便我了解做得更好的事情。

我从一个基本的静态HTML和JS文件开始:

index.html:

<!DOCTYPE html>
<html>
  <body>
    <div id="app"></div>
    <script src="https://unpkg.com/react@15/dist/react.js"></script>
    <script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script>
    <script src="index.js"></script>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

index.js(尚未使用JSX):

class Hello extends React.Component {
  render() {
    return React.createElement('div', null, `Hello ${this.props.toWhat}`);
  }
}

ReactDOM.render(
  React.createElement(Hello, {toWhat: 'World'}, null),
  document.getElementById('app')
);
Run Code Online (Sandbox Code Playgroud)

好的,这可以按预期工作。现在,我想建立一个可以提供确切内容的NodeJS项目,因此我首先开始:

npm init -y
Run Code Online (Sandbox Code Playgroud)

这给了我一个package.json。如何配置NodeJS以在localhost:8080上提供此基本的Hello World代码?我的下一步是添加Babel,以便我可以使用JSX,但是在不了解服务器设置之前,我不想跳到这一步。

javascript node.js reactjs

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

JSLint严格违规.面向对象的Javascript挫折

我正在努力学习在JavaScript中进行面向对象编程并严格违反JSLint.我知道我在非全局环境中使用它(或者那种效果......),但我不知道如何正确地做到这一点.这是我的代码:

function piece(color, type, x, y, captured, hasMoved) {
    "use strict";
    this.color = color;
    this.type = type;
    this.x = x;
    this.y = y;
    this.captured = captured;
    this.hasMoved = hasMoved;

    this.movePiece = movePiece;
    function movePiece(x, y) {
        // if(isLegal(x, y, this.type){
            // this.x  =  x;
            // this.y  =  y;
        // }
         alert("you moved me!");
    }
}

var whitePawn1  =  piece("white", "pawn", 0, 1, false, false);
var blackBishop1  =  piece("black", "bishop", 8, 3, false, false);
Run Code Online (Sandbox Code Playgroud)

javascript jslint strict use-strict

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