亚洲XXXX做受欧美,麻豆国产成人AV,国产精品欧美日韩在线观看一区

AngularJS神奇的排序模塊ui-sortable

發(fā)布時(shí)間：2014/11/06 來源：長(zhǎng)沙做網(wǎng)站

　　AngularJS推出后迅速成為前端框架里獨(dú)樹一幟的牛逼框架，特別是做數(shù)據(jù)呈現(xiàn)頁面的更是覺得前端開發(fā)應(yīng)該是獨(dú)立的，數(shù)據(jù)提供只架好RESUful Web Server即可。

　　好，廢話不多說，長(zhǎng)沙做網(wǎng)站本次介紹的模塊是angularjs-ui-sortable，由于angularjs-ui-sortable是基于jQueryUI開發(fā)，所以要使用這個(gè)模塊必須先引入jQuery與jQueryUI，angularjs-ui-sortable的github倉庫地址：https://github.com/angular-ui/ui-sortable

　　倉庫的README里就寫明了使用要求：
AngularJS神奇的排序模塊ui-sortable

　　所以，你要像上面一樣，依次引入以上列出的腳本，假設(shè)所有腳本你都已經(jīng)下載好了

　　引入腳本后，我們可以來小小試一下：

JavaScript Code:

angular.module('daybabyApp')
    .controller('MainCtrl', function ($scope) {
        $scope.todos = [
            'one',
            'two',
            'three'
        ];
});

HTML Code:

<div class="row" ui-sortable ng-model="todos">
    <div class="input-group" ng-repeat="todo in todos" style="padding:5px 10px; cursor:move;">
        <input type="text" ng-model="todo" class="form-control">
        <span class="input-group-btn">
            <button class="btn btn-danger" ng-click="removeTodo($index)" aria-label="Remove">X</button>
        </span>
    </div>
</div>

　　看看效果：

　　要看這個(gè)例子請(qǐng)點(diǎn)這里：http://www.qttc.net/static/demo/angular-sortable/

　　需要注意的是，這個(gè)排序也繼承了AngularJS的特點(diǎn)，它不是單純的UI排序，而是數(shù)據(jù)與UI雙向同步
AngularJS神奇的排序模塊ui-sortable

　　這個(gè)模塊支持了好多事件，通過這些事件你可以更好的控制排序功能

上一篇：chrome瀏覽器主頁被篡改解決辦法

下一篇：做網(wǎng)站需要注意頁面的設(shè)計(jì)

亚洲国产私拍精品国模在线观看,人妻中出受孕 中文字幕在线,3D动漫精品啪啪一区二区免费,亚洲AV色福利天堂

AngularJS神奇的排序模塊ui-sortable

亚洲国产私拍精品国模在线观看,人妻中出受孕中文字幕在线,3D动漫精品啪啪一区二区免费,亚洲AV色福利天堂