AngularJs Routing .cshtml files In MVC6

Question

I want help in AngularJs routing with MVC6 .cshtml views I create normal _layout for that's contains the application pattern. And I reader Index.csthml to _layout using ReanderBody function. Now I'm trying to add 'div' ng-view to render all other .csthml views using angularjs inside the Index.csthml but my code it's did not work.

AngularJs script that's I use as following:

angular.module('myApp', [])
  .controller("MyController", function ($scope) {
      $scope.message = "My Message Is Super Awesome";
  });

angular.config(['$routeProvider',
  function ($routeProvider) {
      $routeProvider.
        when('/route1', {
            templateUrl: 'Home/BusinessLookup',
            controller: 'BusinessLookupController'
        }).
        otherwise({
            redirectTo: '/'
        });
  }]);

angular.controller('BusinessLookupController', function ($scope) {

    $scope.message = 'This is Add new order screen';

});

And Index.csthml file look like:

<div>
<a href="Home#/route1">Test</a>
<div ng-app="myApp" ng-controller="MyController">
    {{message}} <!--Here angular does not work-->

    <div ng-view=""></div>

</div>

MVC routing setup:

            app.UseMvc(routes =>
        {
            routes.MapRoute(
                name: "default",
                template: "{controller=Home}/{action=Index}/{id?}"
                );
        }

remove Home from this '<a href="Home#/route1">Test</a>' and try again please — Sanjay Bhardwaj
– Sanjay Bhardwaj, Commented Oct 12, 2015 at 11:16
also, if possible then can you please post the error log from DEVELOPER TOOL of you browser? — Sanjay Bhardwaj
– Sanjay Bhardwaj, Commented Oct 12, 2015 at 11:26
for getting start you can even go with this link codeproject.com/Articles/806029/… — Sanjay Bhardwaj
– Sanjay Bhardwaj, Commented Oct 12, 2015 at 11:27
DEVELOPER TOOL giving me error 'Uncaught TypeError: angular.config is not a function' — Ahmed El-Maghrabi
– Ahmed El-Maghrabi, Commented Oct 12, 2015 at 15:36

Mike Anderson · Accepted Answer · 2015-10-13 09:12:05Z

1

You need to create an instance of an angular module for your app:

var app = angular.module('myApp', []);

and then use it like this:

app.controller(...

app.config(...

Hope this helps.

answered Oct 13, 2015 at 9:12

Mike Anderson

7881 gold badge8 silver badges26 bronze badges

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

Collectives™ on Stack Overflow

AngularJs Routing .cshtml files In MVC6

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related