小编Tom*_*rto的帖子

使用ng-repeat列表中的分页

我正在尝试将页面添加到我的列表中.我按照AngularJS教程,一个关于智能手机的教程,我试图只显示一定数量的对象.这是我的html文件:

  <div class='container-fluid'>
    <div class='row-fluid'>
        <div class='span2'>
            Search: <input ng-model='searchBar'>
            Sort by: 
            <select ng-model='orderProp'>
                <option value='name'>Alphabetical</option>
                <option value='age'>Newest</option>
            </select>
            You selected the phones to be ordered by: {{orderProp}}
        </div>

        <div class='span10'>
          <select ng-model='limit'>
            <option value='5'>Show 5 per page</option>
            <option value='10'>Show 10 per page</option>
            <option value='15'>Show 15 per page</option>
            <option value='20'>Show 20 per page</option>
          </select>
          <ul class='phones'>
            <li class='thumbnail' ng-repeat='phone in phones | filter:searchBar | orderBy:orderProp | limitTo:limit'>
                <a href='#/phones/{{phone.id}}' class='thumb'><img ng-src='{{phone.imageUrl}}'></a>
                <a href='#/phones/{{phone.id}}'>{{phone.name}}</a>
                <p>{{phone.snippet}}</p>
            </li>
          </ul>
        </div>
    </div>
  </div>
Run Code Online (Sandbox Code Playgroud)

我添加了一个带有一些值的select标签,以限制将要显示的项目数.我现在想要的是添加分页以显示下一个5,10等. …

javascript paginate angularjs

130
推荐指数
4
解决办法
22万
查看次数

使用AngularJS重定向

我正在尝试使用以下方法重定向到另一条路线:

$location.path("/route");
Run Code Online (Sandbox Code Playgroud)

但由于某种原因它不起作用.我使用jQuery-UI做了一个自动完成的小部件,一旦用户选择了一个选项,我就会从作用域调用一个函数.我调试它并进入函数但它永远不会重定向到其他路由.它只在我按一个键时改变路线.

我觉得这有点奇怪,但我还没弄明白如何解决这个问题.我用了

window.location = "#/route";
Run Code Online (Sandbox Code Playgroud)

它工作但我想使用该path()功能.

有人知道为什么会这样吗?

redirect location angularjs

87
推荐指数
4
解决办法
16万
查看次数

使用媒体查询将CSS应用于除IE以外的所有浏览器

我发现了一种使用以下方法将媒体查询应用于IE的方法

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {

}
Run Code Online (Sandbox Code Playgroud)

除了IE之外,有没有办法将CSS应用到所有浏览器?就像是:

@media not( (-ms-high-contrast: none), (-ms-high-contrast: active) ) {

}
Run Code Online (Sandbox Code Playgroud)

我想避免使用HTML标记.

html css internet-explorer media-queries

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

与AngularJS中的$ routeChangeSuccess相反

我只是想知道是否有办法知道是否有人正在更改URL的路由.

举个例子,我在html中有这样的东西:

<a ng-href="#/somewhere">To somewhere</a>
Run Code Online (Sandbox Code Playgroud)

正在使用这个:

$scope.$on('$routeChangeSuccess', function (scope, next, current) {
    //Some code
})
Run Code Online (Sandbox Code Playgroud)

但是,我刚刚意识到我需要在更改URL之前运行此代码.有没有办法达到这个目的,并且也有相同的方法,nextcurrent知道我将在哪里重定向,从哪里来?

routes angularjs angularjs-routing

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

对于AngularJS,jQuery是"$ .when().done()"

我正在寻找一些方法来了解两个或多个ajax调用何时完成使用AngularJS,但我只能使用jQuery找到它:

$.when(promise3, promise5).done(
    function(threeSquare, fiveSquare) {
        console.info(threeSquare, fiveSquare);
    }
);
Run Code Online (Sandbox Code Playgroud)

和:

var promises = [
    $.getJSON('square/2'),
    $.getJSON('square/3'),
    $.getJSON('square/4'),
    $.getJSON('square/5')
];

$.when.apply($, promises).done(function() {
    console.info(arguments);
});
Run Code Online (Sandbox Code Playgroud)

有没有办法使用AngularJS做这样的事情?感谢您的支持!

javascript ajax jquery angularjs

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

RegExp匹配单引号文本而不带引号 - JavaScript

如果这是一个令人困惑的问题,我很抱歉.我试图找到一种方法来做到这一点但是找不到它,如果这是一个重复的问题,我道歉!

我有这样的文字: something:"askjnqwe234"

我希望能够askjnqwe234使用RegExp.你可以注意到我想省略引号.我正在尝试使用/[^"]+(?=(" ")|"$)/g它,但它返回一个数组.我希望RegExt返回单个字符串,而不是数组.

我不知道是否可能,但我不想指定阵列的位置; 这样的事情:

var x = string.match(/[^"]+(?=(" ")|"$)/g)[0];

谢谢!

javascript regex text double-quotes

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