我可以使用“this”访问范围对象自身的属性吗？

Question

我需要得到以下例子的总数：

$scope.fees = {
    basic: 1,
    premium: 2,
    total: this.basic + this.premium
}

为什么这不起作用？它说this 未定义。有没有办法实现这一点而不必写出total: $scope.fees.basic + $scope.fees.premium。

如果有办法缩短它，我会很高兴。

编辑：我实际上必须在$scope.fees 之外添加total 属性。 $scope.fees.total = ...

Answer 1

你可以使用函数..

你好{{总计（）}}

function FeeController($scope) {

    $scope.fees = {
    basic: 1,
    premium: 2,

};

  $scope.total = function() {
    return $scope.fees.basic  + $scope.fees.premium;
  };

}

Answer 2

为什么this.basic 不起作用

this 在包含此语句的函数的上下文中进行评估。所以this 不是指$scope.fees 对象，而是指控制器。

为什么total : $scope.fees.basic + $scope.fees.premium 也不起作用

在评估表达式 $scope.fees.basic + $scope.fees.premium 的那一刻，$scope.fees 对象还不存在，因为您正在创建它。因此，它会导致类似“无法读取未定义的基本属性”的错误。

如何解决这个问题

除了您已经找到的解决方案之外，没有任何解决方案可以导致您想要的行为，所以很遗憾您必须坚持下去。

Answer 3

您可以考虑使用“控制器作为类”模式来减少您对 $scope 的依赖。你可以这样做：

app.controller('FeeCtrl', function () {
  this.basic =1;
  this.premium =2;
  this.total = this.basic + this.premium;
});

然后你可以将这个控制器直接注入到你的 dom 中：

<div ng-controller="FeeCtrl as fee">   
 {{ fee.total }} 
</div>

这里有更详细的说明

http://toddmotto.com/digging-into-angulars-controller-as-syntax/