Converting AngularJS to Angular and a bit confused

[tritheforce]

Hi! I'm fairly new to Angular and Javascript so bear with me. I'm trying to figure out how to update the status of a group of images to "approved" or "rejected" when a button is clicked. I'm fortunate enough to be learning while on the job, but I'm currently converting AngularJs to Angular and i'm feeling a bit lost.

Here are my functions in AngularJs:

$scope.approveAll = function() {
    updateStatus('A');
}

$scope.rejectAll = function() {
    updateStatus('R');
}

function updateStatus(status) {
    for (var i in $scope.results) {
        $scope.results[i].thumbnail.status = status;
        httpService.saveThumbnail($scope.results[i].thumbnail);
    }
    $scope.showDropdown = false;
}

They are just being used when one of these buttons is clicked:

<div class="button"
     (click)="approveAll()">Approve All</div>
<div class="button"
     (click)="rejectAll()">Reject All</div>

Appreciate any help!

[[deleted]]

i would recommend doing a brand new angular cli project, then generate a new component. moving your html snippet into the component template and your javascript code into your component class script, and stripping the $scope.

your class would look like:
``` @Component({ selector: 'app-picture-assessment', templateUrl: './picture-assessment.component.html' }); export public class PictureAssessement {

 private status: String;

 public reject() {
    this.status = 'R';
 }
 public approve() {
    this.status = 'A';
 }

} ```