小编act*_*eon的帖子

在大型数据集上使用多个过滤器进行ng-repeat

我还是AngularJS的新手,所以我只是想做一个简单的CRUD应用程序.目前,我$httpdiv控制器处理的情况下提取数据(在JSON文件中)MyCtrl1.

function MyCtrl1($scope, $http) {
    $http.get('data/accounts.json').success(function(data) {
        $scope.accounts = data;
    ...
    }); 
}
Run Code Online (Sandbox Code Playgroud)

这里面divtable有以下tbody:

<tbody>
    <tr ng-repeat="account in accounts | orderBy:sort.field:sort.desc | startFrom:currentPage * pageSize | limitTo:pageSize">
        <td contentEditable="true" ng-repeat="(label, value) in account" ng-show="fields[label].visible">{{value}}</td>
    </tr>
</tbody>
Run Code Online (Sandbox Code Playgroud)

orderBy根据所选择的场滤波器种类; startFrom将数组切片以从某一点开始; limitTo根据预设的页面大小过滤.没有分页过滤器,性能非常糟糕,但我很想知道是否有另一种方法可以解决这个问题?

我有Batarang for Chrome,在Performance选项卡下它显示ngRepeatWatch占用了大部分时间,我认为它与我正在进行的所有过滤有关..

angularjs

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

在jQuery中隐藏<form>标记

出于某种原因<form>,我的页面上不会使用jQuery隐藏/显示.我的形式还有其他东西,比如<div>s和<table>s,但是我把它分离到这两个打破它的输入字段:http: //jsfiddle.net/3SDvm/2/

<form>
    <div>Random text</div>
<input id="multi" type="radio" name="style" value="checkbox"/>
    <label for="multi">Multiple options</label>

<input id="single" type="radio" name="style" value="radio" />
    <label for="single">Single option</label>
</form>?
Run Code Online (Sandbox Code Playgroud)
$(document).ready(function() {
   $('form').slideUp(); 
});?
Run Code Online (Sandbox Code Playgroud)

这是正常的行为,还是有什么我做错了?在Chrome/IE/FF/Safari上测试..

jquery

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

HTML图中的额外填充

我正在尝试自定义复选框输入的各种类型,我不太确定所有这些填充来自哪里..

我们的想法是显示一个图像来代替带有文本的复选框,当选择它时,图像的不透明度会降低,以显示其下方的符号,表示它已被选中.

我在这个小提琴里煮了它:http: //jsfiddle.net/tx76J/1/

<li>
    <input id="1" type="checkbox">
    <label for="1">
        <figure>
            <img src="http://www.moderndandies.com/files/images/Asus-smartphone-android.jpg">          
        </figure>
    </label>
</li>?
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

html css html5

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

AngularJS - 本地指令和父范围

我开始编写指令,我很确定我掌握了为指令定义'isolate'范围的整个概念.

我的指令numberRoulette应该fields="some-number-here"用随机数为所提供的数字中的每个数字(或通过属性提供的数字位数)设置动画.每经过一秒钟,一位数停止动画并设置为其预期数字.它有点像老虎机..

<div ng-app="myApp">
  <div ng-controller="MasterCtrl">
    <span number-roulette fields="10" ng-model="number">
      {{number}}
    </span>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我遇到的问题是,当我在指令范围和控制器使用的范围之间进行双向绑定时MasterCtrl,我的值将停止显示.

app.directive('numberRoulette', function($timeout) {
  return {
    restrict: 'A',
    scope: {showNumber: '=ngModel'},
    ...
  };
});

function MasterCtrl($scope) {
  $scope.number = 1000;
}
Run Code Online (Sandbox Code Playgroud)

JSFiddle:http://jsfiddle.net/nguyening/aX6Zm/3/

angularjs

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

标签 统计

angularjs ×2

css ×1

html ×1

html5 ×1

jquery ×1