AngularJS + es6控制器方法和$ scope

时间:2017-09-13 08:02:23

标签: javascript angularjs scope controller ecmascript-6

我尝试使用angularJS(1.6.6)和es6。并且无法理解某些功能。 我创建了控制器:

export default class NodesController {

创建构造函数

constructor(nodesService, $scope, $filter) {

两个变量:

$scope.currentPage = 0;
$scope.pageSize = 10;

在构造函数中我编写了方法:

$scope.numberOfPages = () => {console.log($scope)}

在视图中我尝试使用此方法:

<span>{{currentPage + 1}} / {{numberOfPages()}}</span>

(这是简单的分页代码)

我尝试在视图中更改pageSize:

<select ng-model="pageSize" class="form-control">
  <option value="5">5</option>
  <option value="10">10</option>
  <option value="15">15</option>
  <option value="20">20</option>
</select>

在console.log中,我使用旧的pageSize获取$ scope。它没有改变。 如果我使用其他结构:

$scope.paging = {currentPage: 1, pageSize: 20}

一切都很好,我在范围内获得了新的价值。有人可以帮助理解吗? 另外一个问题 - 为什么numberOfPages()在应用程序初始化和更改pageSize时调用2次。

0 个答案:

没有答案