Thanks for the info Steven. We got it working (sort of). We got it
working with the hash URLs but not with the HTML5 (no hash) URLs. We were
wanting to use hash-less URLs, so we'll continue searching. Thanks again.
On Thursday, May 15, 2014 9:52:25 AM UTC-6, steven smock wrote:
>
> Here is what worked for my last MVC 5 project:
>
> 1. Create a folder called "Asset" within the site root. This is where the
> HTML templates, partials, and lazy-loaded scripts will go.
> 2. Add an IgnoreRoute for "Asset/{*all}" within your RegisterRoutes config
> method.
>
> I am not, however, using HTML5 mode for routing, instead sticking with
> hashy URLs.
>
> Good luck!
>
> On Thursday, May 15, 2014 11:16:56 AM UTC-4, [email protected] wrote:
>>
>> I’m working on a new ASP.NET MVC and AngularJS application that is
>> intended to be a collection of SPAs. I’m using the MVC areas concept to
>> separate each individual SPA, and then I’m using AngularJS within each MVC
>> area to create the SPA.
>>
>> Since I’m new to AngularJS and haven’t been able to find an answer
>> regarding combining both MVC and AngularJS routing, I thought I’d post my
>> question here to see if I could get some help.
>>
>> I have the standard MVC routing setup, which serves up each MVC area.
>>
>> public static void RegisterRoutes(RouteCollection routes)
>> {
>> routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
>> routes.MapMvcAttributeRoutes();
>> routes.MapRoute(
>> name: "Default",
>> url: "{controller}/{action}/{id}",
>> defaults: new { controller = "Home", action = "Index", id
>> = UrlParameter.Optional }
>> );
>> routes.AppendTrailingSlash = true;
>> }
>>
>> This works fine and gives me URLs like:
>>
>> http://localhost:40000/Application1/
>> http://localhost:40000/Application2/
>>
>> Now, within each application area, I’m trying to use AngularJS routing,
>> also using $locationProvider.html5Mode(true); so that I get the client-side
>> routing within each area, something like:
>>
>> http://localhost:40000/Application1/view1
>> http://localhost:40000/Application1/view2
>> http://localhost:40000/Application2/view1/view1a
>> http://localhost:40000/Application2/view2/view2a
>> http://localhost:40000/Application2/view3
>>
>> Here’s my AngularJS routing snippet for Application1:
>>
>> app1.config(['$routeProvider', '$locationProvider', function
>> ($routeProvider, $locationProvider) {
>> var viewBase = '/Areas/Application1/app/views/';
>> $routeProvider
>> .when('/Application1/view1', {
>> controller: 'View1Controller',
>> templateUrl: viewBase + 'view1.html'
>> })
>> .when('/Application2/view2', {
>> controller: 'View2Controller',
>> templateUrl: viewBase + 'view2.html'
>> })
>> .otherwise({ redirectTo: '/Application1/view1' });
>> $locationProvider.html5Mode(true);
>> }]);
>>
>> So, initially, it seems to work (at least the URL looks correct). But,
>> when I start navigating between areas or views within an area, or even if I
>> refresh, something gets “lost” and things don’t work. The URL still looks
>> correct but views aren’t found and aren’t getting loaded correctly.
>>
>> Any help/guidance on how to make ASP.NET MVC and AngularJS routing work
>> together to give me the scenario described above?
>>
>> Thanks!!!
>>
>>
>>
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
