Create proper spacing for string formatting within an AngularJS modal

Question

Create proper spacing for string formatting within an AngularJS modal

I am working with a popup that displays output as one string with spaces and newline characters. Each line is concatenated to the previous line, allowing for individual adjustments.

Test1                        :  Success :    200
Test2              :  Success :    200
Test3                  :  Success :    200
Test4                :  Success :    200
Test5                  :  Success  :    404
Test6           :  Success  :    401

Given that I have multiple popups and tests for each one, I am looking for a way to format the strings with proper indents. Desired output:

Test1               :  Success :    200
Test2               :  Success :    200
Test3               :  Success :    200
Test4               :  Success :    200
Test5               :  Success :    404
Test6               :  Success :    401

javascript angularjs

Answer 1

Answer №1

My recommended approach would be:

To start, utilize the \n delimiter to split your string into an array of individual lines. Then, further split each line using the : character while also utilizing the trim function to eliminate any excess spaces.

Lastly, reassemble the split elements, making sure to append extra space to the first element before joining them all back together.

let inputValue = "Test1                        :  Success :    200\nTest2              :  Success :    200\nTest3                  :  Success :    200\nTest4                :  Success :    200\nTest5                  :  Success  :    404\nTest6           :  Success  :    401"


let inputArray = inputValue.split("\n")

let result = inputArray.map(function(line) {
  let tempArr = line.split(":")
  return tempArr.map(s => s.trim())
})

let finalOutput = result.map(function(subArray) {
  subArray[0] = subArray[0] + "            "
  return subArray.join(" : ")
})

console.log(finalOutput)

Answer 2

My recommended approach would be:

To start, utilize the \n delimiter to split your string into an array of individual lines. Then, further split each line using the : character while also utilizing the trim function to eliminate any excess spaces.

Lastly, reassemble the split elements, making sure to append extra space to the first element before joining them all back together.

let inputValue = "Test1                        :  Success :    200\nTest2              :  Success :    200\nTest3                  :  Success :    200\nTest4                :  Success :    200\nTest5                  :  Success  :    404\nTest6           :  Success  :    401"


let inputArray = inputValue.split("\n")

let result = inputArray.map(function(line) {
  let tempArr = line.split(":")
  return tempArr.map(s => s.trim())
})

let finalOutput = result.map(function(subArray) {
  subArray[0] = subArray[0] + "            "
  return subArray.join(" : ")
})

console.log(finalOutput)

Create proper spacing for string formatting within an AngularJS modal

Answer №1

Similar questions

A guide on displaying a JSON object using the ng-repeat directive

AngularJS ng-repeat along with jQuery Mobile

Cannot populate Kendo Menu with images due to dataSource imageUrl not recognizing the content

http-proxy-middleware - serving static content

Offspring maintain a certain position within the larger framework of their parent on a

Using jQuery's .load() method to load a PHP file can result in an exponential increase in XHR finished loading time with each subsequent load

Leverage access tokens in React.js frontend application

Escaping an equal sign in JavaScript when using PHP

The data stored in LocalStorage disappears when the page is refreshed

How can I take a screenshot from the client side and save it on the server side using PHP?

Impressive javascript - extract file from formData and forward it

Substitute regular expressions with several occurrences by their respective capture groups

Does v-if cause the jquery clock picker to malfunction?

Navigate through the DOM to return an image

Encountered an issue while implementing the post function in the REST API

JavaScript issue: "No relay configuration found" error specifically occurs in Internet Explorer versions 7 and 8

AngularJS UI router allows for the creation of sticky states, where each state maintains its own instance of the controller even when

How to Implement Custom Colors for Individual Tabs in AngularJS Material Design's md-tabs

Leveraging angular.extend() with controllers and function overrides

The absence of jasmine-node assertions in promises goes unnoticed