Using an AngularJS array with ng-repeat

Question

Using an AngularJS array with ng-repeat

As soon as a websocket message is received, the code below executes:

connection.onmessage = function (eventInfo) {
var onConnectionMessage = JSON.parse(eventInfo.data);

if (onConnectionMessage.messageType === "newRequest") {
    getQuizRequests();
}
}

The function getQuizRequests() looks like this:

function getQuizRequests() {
var URL = '/acceptOrReject/' + lookUpCode();

$http.get(URL)
    .success(function (data) {
        for (var i = 0; i < data.teamArray.length; i++) {
            teamArray[0] = data.teamArray[i];
        }
    })
    .error(function (data, status) {
        alert("ERROR data cant be loaded");
    });
 }

I have an array called teamArray that I want to use in an ng-repeat. How can I pass this filled array to where I'm using ng-repeat in my code?

javascript arrays angularjs websocket angularjs-ng-repeat

Answer 1

Answer №1

Assuming that all the code is contained within a single controller

$scope.memberList = [];

function retrieveTeamData() {
    var requestURL = '/acceptOrReject/' + getCode();

    $http.get(requestURL)
    .success(function (response) {
        for (var i = 0; i < response.memberList.length; i++) {
            $scope.memberList.push(response.memberList[i]);
        }
    })
    .error(function (response, status) {
            alert("ERROR: Unable to load data");
    });
}

Afterward, in your HTML file:

<ul ng-show="memberList.length > 0" ng-repeat="person in memberList">
    <li>{{person}}</li>
</ul>

Answer 2

Assuming that all the code is contained within a single controller

$scope.memberList = [];

function retrieveTeamData() {
    var requestURL = '/acceptOrReject/' + getCode();

    $http.get(requestURL)
    .success(function (response) {
        for (var i = 0; i < response.memberList.length; i++) {
            $scope.memberList.push(response.memberList[i]);
        }
    })
    .error(function (response, status) {
            alert("ERROR: Unable to load data");
    });
}

Afterward, in your HTML file:

<ul ng-show="memberList.length > 0" ng-repeat="person in memberList">
    <li>{{person}}</li>
</ul>

Using an AngularJS array with ng-repeat

Answer №1

Similar questions

Unintentional occurrence of NilClass within my instance variables

Is there a way to extract a token from the URL in a Nextjs/React application?

Tips for resolving routing problems in Angular 7 and MVC

Limit the 'contenteditable' attribute in table data to accept only integers

Use jQuery to insert the TEXT heading as an input value

Creating unique random shapes within a larger shape on a canvas, as shown in the image

What is the best way to style output in jQuery for a specific div?

What is the TypeScript syntax for indicating multiple generic types for a variable?

Tips for updating a nested MongoDB object

Generating a Personalized XML Format Using Information from a Single MySQL Table Row by Row

Tips for avoiding Netlify's error treatment of warnings due to process.env.CI being set to true

Searching through directories and creating an array in PHP

Heroku is showing an Error R10 (Boot timeout) message, indicating that the web process was unable to bind to the designated $PORT within one minute of launching

Exploring AngularJS: A Guide to Accessing Objects within Directives

Is it possible to conduct a feature test to verify the limitations of HTML5 audio on

Is there a way to remove a value from the search bar while updating the table at the same time?

Having trouble with submitting an HTML form using JavaScript and PHP

What is the best way to pinpoint a specific Highcharts path element?

Angular Controller issue: 'MainCtrl' variable is not recognized as a function, it is showing as undefined

Testing the performance of MEAN applications under heavy load