Angular.js中的模型

时间:2016-08-17 06:43:53

标签: javascript angularjs

这是我的代码

    /// <reference path="angular.min.js" />


var myApp = angular.module("myModule", []).controller("myController", function($scope) {

  var employees = [{
    name: "Ben",
    dateOfBirth: new Date("November 23,1980"),
    gender: "Male",
    salary: 55000.788
  }, {
    name: "Sara",
    dateOfBirth: new Date("May 05,1970"),
    gender: "Female",
    salary: 68000
  }, {
    name: "Mark",
    dateOfBirth: new Date("August 15,1974"),
    gender: "Male",
    salary: 57000
  }, {
    name: "Pam",
    dateOfBirth: new Date("October 27,1979"),
    gender: "Female",
    salary: 53000
  }, {
    name: "Todd",
    dateOfBirth: new Date("December 30,1983"),
    gender: "Male",
    salary: 60000
  }];
  $scope.employees = employees;
  $scope.sortColumn = "name";

  $scope.reverseSort = false;
  $scope.sortData = function(column) {
    $scope.reverseSort = ($scope.sortColumn == column) ? !$scope.reverseSort : false;
    $scope.sortColumn = column;
  }

  $scope.getSortClass = function(column) {
    if ($scope.sortColumn == column)
      return $scope.reverseSort ? 'arrow-down' : 'arrow-up';
    return '';
  }

});

我只想问那是员工,sortColumn和反向排序是单独的模型还是属于一个模型,这个文件中的sortData和getSortClass是什么,他们在我们的模型中的行为请解释...在此先感谢。

2 个答案:

答案 0 :(得分:1)

SortData ,包含要对其进行排序的列名称以及 reverseSort是当前员工对象的属性,一旦排序顺序设置为true降序(二进制0)。

getSortClass以二进制格式(0或1)获取当前排序顺序,并相应地更新reverseSort属性。

答案 1 :(得分:0)

从哪里开始...您的代码块中的变量都属于您定义的myController控制器。当通过$scope依赖项调用控制器时,它们会被实例化,以及可能存在的任何注入依赖项。

sortDatagetSortClass是在控制器范围内声明的函数。除非您遍历角度$rootScope或使用侦听器,否则无法从其他控制器访问它们。至于那些函数的 ,@ kapil yadav给出了解释。