javascript - 如何评估 Angular 表达式中的javascript预定义函数

Question

我想在 Angular 表达式中评估一些 js 预定义函数。例如 new Date()。但是，不能那样做。如果可能，请解释如何做到这一点。

例如:

<input type="text" ng-init="yearFromSelector=new Date().getFullYear()"  ng-model="yearFromSelector">

或

{{new Date().getFullYear()}}

我知道我们可以在 Controller 中执行此操作并使用 $scope 将值发送到 View 。但是，我想知道是否可以用 Angular 表达式本身来做到这一点。

提前致谢。

Answer 1

你不能在 Angular 表达式中构造实例。您将需要使用一些 Controller 代码:

ng-init="yearFromSelector = getDate().getFullYear()"

您需要在 Controller 中或在 run block 中全局定义 getDate 辅助函数(并将其附加到 $rootScope):

$scope.getDate = function() {
  return new Date
}

了解 Angular 表达式允许和不允许的内容:https://docs.angularjs.org/guide/expression