Java Community | Help. Code. Learn.•4mo ago

Looking for assistance getting a string to display on the frontend in an Angular project

Hello, I've been working on a project for my course and I've spent a ridiculously long time trying to get this string to display. I'm honestly confused because I have a string array that displays just fine. Basically, I'm trying to get a handful of time zones to go from my controller, to app.component.ts, to app.component.html. I'll include the relevant code below. Any assistance you can provide would be great, as I'm not sure if this is too far outside the realm of Java for the server. And please don't worry about immediate urgency, I won't be able to check this post for a few hours, though I may have a couple of follow-up questions. timeConv.java (Excluding imports)

@RestController
@CrossOrigin
@RequestMapping(path = "/time", method = RequestMethod.GET, produces = MediaType.APPLICATION_JSON_VALUE)
public class timeConv {

    @RequestMapping("/show")
    public String showTime(){
        return timeConvert();
    }

    public String timeConvert() {
        String times;

        DateTimeFormatter time_format = DateTimeFormatter.ofPattern("HH:mm");
        ZonedDateTime ETZ = ZonedDateTime.now(ZoneId.of("America/New_York"));
        ZonedDateTime MTZ = ZonedDateTime.now(ZoneId.of("America/Salt_Lake_City"));
        ZonedDateTime UTCZ = ZonedDateTime.now(ZoneId.of("UTC"));
        String ET_time = ETZ.format(time_format);
        String MT_time = MTZ.format(time_format);
        String UTC_time = UTCZ.format(time_format);

        times = "Eastern time: " + ET_time + "\nMountain time: "+ MT_time + "\nUTC time: " + UTC_time;
        return times;
    }
}

@RestController
@CrossOrigin
@RequestMapping(path = "/time", method = RequestMethod.GET, produces = MediaType.APPLICATION_JSON_VALUE)
public class timeConv {

    @RequestMapping("/show")
    public String showTime(){
        return timeConvert();
    }

    public String timeConvert() {
        String times;

        DateTimeFormatter time_format = DateTimeFormatter.ofPattern("HH:mm");
        ZonedDateTime ETZ = ZonedDateTime.now(ZoneId.of("America/New_York"));
        ZonedDateTime MTZ = ZonedDateTime.now(ZoneId.of("America/Salt_Lake_City"));
        ZonedDateTime UTCZ = ZonedDateTime.now(ZoneId.of("UTC"));
        String ET_time = ETZ.format(time_format);
        String MT_time = MTZ.format(time_format);
        String UTC_time = UTCZ.format(time_format);

        times = "Eastern time: " + ET_time + "\nMountain time: "+ MT_time + "\nUTC time: " + UTC_time;
        return times;
    }
}

app.component.ts (Excerpt 1)

this.getTimeMessage().subscribe((data) => {
         this.timeZones=data;
       })

this.getTimeMessage().subscribe((data) => {
         this.timeZones=data;
       })

Excerpt 2

getTimeMessage(): Observable<any>{
     return this.httpClient.get(this.baseURL + '/time/show', {responseType:'json'})
   }

getTimeMessage(): Observable<any>{
     return this.httpClient.get(this.baseURL + '/time/show', {responseType:'json'})
   }

app.component.html

      <h3>Join us for a live presentation:</h3>
      <h4>{{timeZones}}</h4>
      <br>

      <h3>Join us for a live presentation:</h3>
      <h4>{{timeZones}}</h4>
      <br>

12 Replies

JavaBot•4mo ago

⌛ This post has been reserved for your question.

Hey @Game Destiny! Please use /close or the Close Post button above when your problem is solved. Please remember to follow the help guidelines. This post will be automatically marked as dormant after 300 minutes of inactivity.

TIP: Narrow down your issue to simple and precise questions to maximize the chance that others will reply in here.

Argoon•4mo ago

what does your browser console say for the GET /time/show call? your returned String is not valid JSON btw ^^

JavaBot•4mo ago

💤 Post marked as dormant

This post has been inactive for over 300 minutes, thus, it has been archived. If your question was not answered yet, feel free to re-open this post or create a new one. In case your post is not getting any attention, you can try to use /help ping. Warning: abusing this will result in moderative actions taken against you.

Game DestinyOP•4mo ago

Here's the console, I hadn't thought to check there. What's weird to me is I've done almost the same thing for the messages above, which honestly makes me want to just find a way to cram the timezone's message into the array that the welcome messages get imported by. As for the json stuff, honestly just doing guesswork there. I've tried making the expected return 'text' but that didn't seem to help.

ayylmao123xdd•4mo ago

did you check with postman if the server works its a good way to check if the backend is the problem or the frontend also you should probably wrap the string into a class since its rest the one being returned

JavaBot•4mo ago

💤 Post marked as dormant

This post has been inactive for over 300 minutes, thus, it has been archived. If your question was not answered yet, feel free to re-open this post or create a new one. In case your post is not getting any attention, you can try to use /help ping. Warning: abusing this will result in moderative actions taken against you.

Game DestinyOP•4mo ago

So I've done some investigating after reformatting some of my code to see if I could isolate the problem, and the issue doesn't seem to be that I'm trying to send a string to the front end, as I am able to do that with ease. Something is incorrect with my time conversion class. But I can't tell what. I've even tried rewriting them a few times to see if it wants specific terms.

   public String timeConvert() {
        String times;

        DateTimeFormatter time_format = DateTimeFormatter.ofPattern("HH:mm");
        ZonedDateTime ETZ = ZonedDateTime.now(ZoneId.of("America/New_York"));
        ZonedDateTime UTCZ = ZonedDateTime.now(ZoneId.of("UTC"));
        ZonedDateTime MTZ = ZonedDateTime.now(ZoneId.of("America/Mountain"));
        String ET_time = ETZ.format(time_format);
        String MT_time = MTZ.format(time_format);
        String UTC_time = UTCZ.format(time_format);

        times = "Eastern time: " + ET_time + "\nMountain time: "+ MT_time + "\nUTC time: " + UTC_time;
        return times;
    }
}

   public String timeConvert() {
        String times;

        DateTimeFormatter time_format = DateTimeFormatter.ofPattern("HH:mm");
        ZonedDateTime ETZ = ZonedDateTime.now(ZoneId.of("America/New_York"));
        ZonedDateTime UTCZ = ZonedDateTime.now(ZoneId.of("UTC"));
        ZonedDateTime MTZ = ZonedDateTime.now(ZoneId.of("America/Mountain"));
        String ET_time = ETZ.format(time_format);
        String MT_time = MTZ.format(time_format);
        String UTC_time = UTCZ.format(time_format);

        times = "Eastern time: " + ET_time + "\nMountain time: "+ MT_time + "\nUTC time: " + UTC_time;
        return times;
    }
}

I may be doing these wrong but trying to find timezone examples is weird

ayylmao123xdd•4mo ago

it seems like your code is not working because you have the 'America/Mountain' zone which java doesnt recognize try America/Denver and then it should work

JavaBot•4mo ago

💤 Post marked as dormant

This post has been inactive for over 300 minutes, thus, it has been archived. If your question was not answered yet, feel free to re-open this post or create a new one. In case your post is not getting any attention, you can try to use /help ping. Warning: abusing this will result in moderative actions taken against you.

Game DestinyOP•4mo ago

Resolved it, doing a rewrite and changing the time zone to Denver helped. Thank you everyone!

JavaBot•4mo ago

If you are finished with your post, please close it. If you are not, please ignore this message. Note that you will not be able to send further messages here after this post have been closed but you will be able to create new posts.

JavaBot•4mo ago

Post Closed

This post has been closed by <@381680553621192704>.

Gaming

Programming

Looking for assistance getting a string to display on the frontend in an Angular project

Did you find this page helpful?