The Angular state provider will consistently land on the 'otherwise' state

I am facing an issue with setting the state through a controller while parsing only 1 parameter. It seems like the preferred state is called, but then the "otherwise" state is loaded right after. Interestingly, I noticed that the preferred state was being triggered when hitting the back button. The small problem in my stateprovider settings is eluding me.

Here is a snippet from my controller.js file:

.controller('resultsCtrl', ['$scope', '$stateParams', 'searchfactory', '$state',
function ($scope, $stateParams, searchfactory, $state) {
    $scope.results = searchfactory.getresults();
    console.log($scope.results);
    $scope.showdoc = function(docid){
        console.log(docid);
        $state.go('doctor', { docid: docid });
    }
}])

.controller('doctorCtrl', ['$scope', '$stateParams', 
function ($scope, $stateParams) {
    alert($stateParams.docid);

}])

And here is part of my routes file handling the "doctor" section:

.state('doctor', {
    url: '/doctor/{docid}',
    templateUrl: 'templates/doctor.html',
    controller: 'doctorCtrl'
  })

When I click the back button, the URL displays as , which seems correct to me. Additionally, the alert pops up and redirection happens after clicking "ok" on the alert.

Your assistance would be highly appreciated.

Answer №1

Verify the existence of doctor.html in the templates folder or if there is a link present.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Encountering a hiccup while trying to retrieve information from a JSON

I am currently working on a Jquery Drop Upload form and everything is functioning well. However, I am encountering an error when trying to retrieve data from the database using JSON. I'm not sure why this error is occurring, so please see below for mo ...

socket.io / settings when establishing a connection

I'm facing an issue in my node.js / Express.js app where I need to pass parameters with the socket.io connection (saw a solution in another post). On the client side, here is a snippet of my code: edit var socket = io.connect('/image/change&ap ...

Implementing Default Language in Next.js 14 for Static Export without URL Prefix: A Step-by-Step Guide

Currently, I am in the process of developing a website using Next.js 14, with the intention of exporting it as a static site for distribution through a CDN (Cloudflare Pages). The website I am working on requires support for internationalization (i18n) to ...

I'm looking to extract various data from a SQLite table using the URL with ExpressJS. What's the best way to achieve

I need to access data from a SQLite database table that contains information on accounts, movies, and reviews. Specifically, the structure of the reviews-table is as follows: CREATE TABLE IF NOT EXISTS reviews ( id INTEGER PRIMARY KEY, authorId INT ...

Tips for displaying a specific JSON element when using interpolation in Angular

How can I display a specific element from a JSON object using Angular interpolation? public responseData:any; renderTokenCard(){ this.mundipaggS.checkToken().subscribe((response:any)=> { console.log("success: ", JSON.stringify(res ...

I am looking to create a counter in NextJS that will store its value in a database for persistent storage. How can

In my NextJS and ReactJS project, I am creating a like-counter feature that will keep track of the number of likes a user can give. The maximum limit for likes is set to 100. The count is stored in a FaunaDB. While I have successfully displayed the curren ...

What is the best way to combine a string with a variable in sass?

Is there a way to merge a string and a variable in Sass to form a variable name that is already present? $size: "sm"; $button-sm: 1rem; $buttom-md: 1.5rem; body { font-size: $button-#{$size}; } The desired output is: body { font-size: 1r ...

Is there a way to determine if the viewport has scrolled to a specific HTML element?

In my React project with Styled Components, I have a div that contains an image. I am looking to add animation to the image when the user scrolls down and reaches the img element. Any suggestions on how to achieve this would be greatly appreciated! Thank ...

Do not assign value 0xxxxxx to the input text field - Jquery

My question is related to the following input: <input type="text"/> I am setting the value for this input as shown below: $('#input-text').val(012345); However, when I view the input it displays "12345" instead of "012345". What happene ...

A method for automatically refreshing a webpage once it switches between specific resolutions

On my page www.redpeppermedia.in/tc24_beta/, it functions well at a resolution of over 980px. However, when the resolution is brought down to 768px, the CSS and media queries alter the layout. But upon refreshing the page at 768px, everything corrects itse ...

What is the best way to prioritize the display of custom login buttons based on the last button used for login?

I have implemented 4 different login methods for my app, each with its own associated component. I am looking to rearrange the buttons based on the last used login method. I already have a function to determine the last login method. let lastSignedInMetho ...

The v-for directive on a reactive Vuejs array is failing to render its elements

After much searching, I have identified the error and provided a brief explanation in the following paragraph. The code below resolves the error by changing the approach of the code rather than fixing the error itself. By defining the indexes of the array ...

Require receiving the feedback and implementing a modification in the ajax jquery graphical user interface

Currently, I am making a RESTful webservice call using jQuery AJAX and receiving the response in JSON format. Here is the jQuery HTML code: $.ajax({ url: "mcrs/object/api/Lighting", type: "POST", traditional: true, dataType: "json", ...

Iterating through an array within another array using ng-repeat

Hey there! I'm new to working with angular js and have been exploring the documentation on the official site. I attempted to implement a solution, but unfortunately, no data was displayed. Can someone point out what I may be doing incorrectly? This i ...

Tips for managing the content section during AJAX page transitions in a Progressive Web App (PWA)

I am completely new to native apps, which might be beneficial for this question. Due to the service worker effectively caching everything, I believe there is no need to reload the entire webpage when switching pages by clicking on a link. Therefore, my pl ...

Executing a jQuery AJAX function when the timeout occurs

My goal is to dynamically reload my jQuery DataTables without having to refresh the entire page in order to fetch new data. Here's the initial function I have set up to kick off the process: $(document).ready(function() { $.ajax({ url:&apo ...

Invoke an anchor element using JavaScript

I have successfully implemented Thickbox 3.1 to display a popup by using the following code: <a href="filename.php" class="thickbox"> TEST </a> When clicking on the "TEST" link, the popup works perfectly. However, my current issue is that I ...

Differences between addEventListener and jQuery's on method, as well as form.submit and jQuery's

I encountered a situation where callbacks registered using jQuery's on method were not being called when trying to trigger form submission with the HTML Form element object instead of jQuery. After some testing, I discovered that changing the code to ...

What is the best way to include an uncomplicated HTML Element alongside a touch of JavaScript?

I'm facing an issue with WordPress. Due to security concerns, I cannot use the script tag directly within WordPress, so I have uploaded it to a separate server. My query is whether I can display the content from that link as a small widget on my WordP ...

No routes were found that match: ""

app.routes.ts import { ModuleWithProviders } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; import { PushComponent } from './push/push.component'; const appRoutes: Routes = [ { path: ...