Преобразование функции Javascript в функцию AngularJS

Question

Я написал простую функцию javascript, которая переключается между двумя элементами div. Как так:

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

Как я учусь Угловое, я хочу, чтобы преобразовать его в угловую функцию в app.js. Могу ли я сделать следующее?

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

Спасибо!

Answer 1

Есть несколько проблем с частью кода, которую вы предоставили.

Во-первых, нет таких функций, как функции AngularJS. Они такие же, как и любая другая функция javascript. Если вы хотите использовать функцию «JavaScript» внутри сферы AngularJS, вы можете сделать следующее:

function goToResults() { 
    ... 
} 

$scope.goToResults = goToResults; 

Во-вторых, это считается плохой практикой для обработки манипуляции DOM внутри контроллера. Вместо этого используйте директивы.

В-третьих, из того, что я понимаю, вы хотите показать или скрыть div на основе какого-либо события. Есть встроенные функции, которые делают точные вещи (ng-show, ng-hide, ng-if).

Вы, кажется, не хватает какой-то фундаментальные знания о Javascript & AngularJS, и я предлагаю идти через учебники данном примере собственной документации ANGULAR по https://docs.angularjs.org/tutorial

Answer 2

Это технически возможно использовать

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

Однако, это не очень «угловой» способ сделать это. Более «угловой» маршрут описан в ответах на this question. Вообще говоря, обращение к конкретным элементам не является «угловым» способом; он ищет вместо этого набор javascript-утилит, которые легко доступны для обрабатываемого HTML-кода, например директивы, которые по существу являются новыми элементами или атрибутами для использования в HTML. Реализация директив не имеет прямого связывания с элементами, которые он модифицирует с использованием этих атрибутов или элементов, что делает угловые гораздо более многоразовые и, в моем и многих других мнениях, легче читать и писать, как только вы привыкнете к нему ,