javascript - 将 Javascript 函数转换为 AngularJS 函数

Question

我写了一个简单的 javascript 函数，可以在两个 div 元素之间切换。像这样:

function goToResults() {
    document.getElementById("services").style.display = "none";
    document.getElementById("results").style.display = "block";
}

在学习 Angular 时，我想将其转换为 app.js 中的 Angular 函数。我可以执行以下操作吗？

$scope.goToResults = function () {
    $scope.getElementById("services").style.display = "none";
    $scope.getElementById("results").style.display = "block";
}

谢谢!

Answer 1

您提供的代码片段存在一些问题。

首先，没有像 AngularJS 那样只有功能的东西。它们与任何其他 javascript 函数相同。如果你想在 AngularJS 的范围内使用“javascript”函数，你可以执行以下操作:

function goToResults() {
   ...
}

$scope.goToResults = goToResults;

其次，在 Controller 内处理 DOM 操作被认为是一种不好的做法。请改用指令。

第三，据我了解，您想根据某些事件显示或隐藏 div。有一些内置功能可以执行此操作(ng-show、ng-hide、ng-if)。

您似乎缺乏一些关于 Javascript 和 AngularJS 的基础知识，我建议您阅读 Angular 自己的文档给出的示例教程 https://docs.angularjs.org/tutorial