在Angular视图中定义范围变量是否可以？

Question

这是一个Angular应用程序，我有一个html页面，其中包含以下代码段。

<div ng-click="openPopup()">
<div>{{getDisplayText()}}</div>
</div>

• openPopup（） - 打开弹出窗口
• getDisplayText（） - 获取显示文字

现在我需要在openPopup（）方法中使用displayText（）方法值

所以我将代码段更改为此

<div ng-click="openPopup(displayValue)">
<div>{{displayValue = getDisplayText()}}</div>
</div>

我在HTML页面中定义了一个变量。这实际上很好。但我只需要验证

1. 在HTML页面中定义范围变量“displayValue”在性能方面或最佳实践中是否正常？

Answer 1

您可以调用getDisplayText（）并将值分配给控制器内openPopup函数中的作用域变量。此变量可用于以HTML格式显示。代码供参考......

<div ng-click="openPopup()">
 <div>{{someText}}</div>
</div>

$scope.someText = "Some Text!"
function getDisplayText() {
   return "New Text!";
}
$scope.openPopup = function() {
  $scope.someText = getDisplayText();
}