angular js實現開關效果


功能:實現點擊排序,再點擊排倒序。

實現方法如下

方法一:定義變量實現點擊切換true或false,代碼為:

         $scope.lidata = [
                {"name":"Terry","age":12},
                {"name":"Jenifer","age":45},
                {"name":"Garry","age":36},
                {"name":"Tao","age":24},
                {"name":"Lee","age":34},
         ];
     $scope.sortTmp = false;    $scope.sortFn = function(arg){   $scope.sortTmp = !$scope.sortTmp; //在這實現點擊的切換   $scope.lidata = $filter('orderBy')($scope.lidata, arg, $scope.sortTmp); }

其中對應的html代碼為:

        <table style="margin-left:20px">
            <tr>
                <th ng-click = "sortFn('name')">姓名</th>
                <th ng-click = "sortFn('age')">年齡</th>
            </tr>
            <tr ng-repeat = "data in lidata">
                <td>{{data.name}}</td>
                <td>{{data.age}}</td>
            </tr>
        </table>

方法二:函數也是對象,可以賦屬性。

        $scope.sortFn = function(arg){
            arguments.callee["sortFn" + arg] = !arguments.callee["sortFn" + arg]
            $scope.lidata = $filter('orderBy')($scope.lidata,arg,arguments.callee["sortFn" + arg]);
        }    

html代碼同上。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM