Parameter is null in controller when using $routeProvider in angularjs

Question

Routing

 .when('/student/:Id', {
           templateUrl: 'student/index',
           controller: 'studentEditCtrl'
       })

my link contains

<a class="btn btn-primary" ng-href="#/student/@v.Id">Edit</a>

my Angular controller

angular.module('newApp')
  .controller('studentEditCtrl', ['$scope', function ($scope, $stateParams) {
      $scope.isTabActive = true;

      $scope.Id = $stateParams.Id;
      alert("studentEditCtrl");
  }]);

I have also used $routeParams instead $stateParams.

My MVC Controller

  public ActionResult Index(int? Id)
        {
            Student st = new Student();
            if (Id != null)
                st = sRepository.Students.FirstOrDefault(c => c.Id == Id);
            return View(st);
        }

In Asp.net MVC Controller Id is always Null,

Starscream1984 · Accepted Answer · 2015-08-05 12:33:39Z

1

I think you should change your link to:

<a class="btn btn-primary" ng-href="#/student/{{Id}}">Edit</a>

Presuming it sits within the scope of studentEditCtrl.

And use $routeParams

answered Aug 5, 2015 at 12:33

Starscream1984

3,0621 gold badge21 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

AKASH Over a year ago

<a class="btn btn-primary" ng-href="#/student/2">Edit</a> what if i put 2. it's also not working. ng controller alert is firing after Mvc Controller has returned view.

Starscream1984 Over a year ago

This is confusing me a little - it seems more like you are trying to mix MVC and client-side routing, which is not really going to work as you describe. You should have the routing done client-side, and then when you need to get the student record, you should make a Web API controller call via http.

AKASH Over a year ago

Is there any way to define dynamic parameter in templateUrl??

Starscream1984 Over a year ago

I don't think so - like I said, I think you're approaching this all wrong. Are you trying to build a SPA or an MVC app?

Community · Accepted Answer · 2017-05-23 12:30:09Z

0

Thanks #Starscream1984
I got my answer from here.

 .when('/student/index/:Id', {
             controller: 'studentEditCtrl',
             templateUrl: function (urlattr) {
                 return '/student/index/' + urlattr.Id;
             },

        })

edited May 23, 2017 at 12:30

CommunityBot

11 silver badge

answered Aug 5, 2015 at 14:46

AKASH

4161 gold badge7 silver badges20 bronze badges

Collectives™ on Stack Overflow

Parameter is null in controller when using $routeProvider in angularjs

2 Answers 2

4 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Linked

Related