我还是AngularJS的新手,所以我只是想做一个简单的CRUD应用程序.目前,我$http在div控制器处理的情况下提取数据(在JSON文件中)MyCtrl1.
function MyCtrl1($scope, $http) {
$http.get('data/accounts.json').success(function(data) {
$scope.accounts = data;
...
});
}
Run Code Online (Sandbox Code Playgroud)
这里面div是table有以下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占用了大部分时间,我认为它与我正在进行的所有过滤有关..
出于某种原因<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上测试..
我正在尝试自定义复选框输入的各种类型,我不太确定所有这些填充来自哪里..
我们的想法是显示一个图像来代替带有文本的复选框,当选择它时,图像的不透明度会降低,以显示其下方的符号,表示它已被选中.
我在这个小提琴里煮了它: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)

我开始编写指令,我很确定我掌握了为指令定义'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/