Aaaargh. WatchGuard won't let me paste successfully. On Friday, February 6, 2015 at 3:04:14 PM UTC-8, Nicholas Smith wrote: > > Can you post your full html and javascript to plnkr or pastebin and send > the link? > On Feb 6, 2015 5:00 PM, "Steve Husting" <[email protected] <javascript:>> > wrote: > >> Yes it's there. Based on all my research, the code should just work! >> Thanks for trying. >> >> >> On Thursday, February 5, 2015 at 11:52:07 AM UTC-8, Nicholas Smith wrote: >>> >>> Make sure you have an ng-view defined in your main HTML template. Such >>> as: >>> >>> <div ng-view></div> >>> >>> That's where the content of the template will get displayed. >>> >>> >>> >>> On Thursday, February 5, 2015 at 12:28:56 PM UTC-6, Steve Husting wrote: >>>> >>>> Still not working (index.html doesn't change; only the URL box >>>> updates). I adapted your code this way: >>>> >>>> Index.html: >>>> <a data-ng-href="#views/gallery_details" alt="get the details" >>>> title="get the details"> Details</a> >>>> >>>> galleryApp.js: >>>> var app = angular.module("app", ['ngRoute']); >>>> >>>> app.config(['$routeProvider', function($routeProvider) { >>>> $routeProvider >>>> .when('views/gallery_details', { >>>> templateUrl: 'views/gallery_details.html' >>>> }); >>>> }]); >>>> >>>> galleryDetails.html: >>>> <div class="row"> >>>> <img data-ng-src="{{x.photo}}" alt="Loading ..."> >>>> <div class="panel"> >>>> <h5>{{x.name2}}</h5> >>>> <p>{{x.caption}}</p> >>>> <p><a data-ng-href="{{x.resource}}" alt="Go online">Online</a></p> >>>> </div> >>>> <p><a href="../index.html" alt="Back">Return</a></p> >>>> </div> >>>> >>>> Thank you for looking! >>>> >>>> On Thursday, February 5, 2015 at 9:25:30 AM UTC-8, Nicholas Smith wrote: >>>>> >>>>> Working example with your code: >>>>> >>>>> http://plnkr.co/edit/Cxu7G2kmMbz4gb5nUicj?p=preview >>>>> >>>>> >>>>> On Thursday, February 5, 2015 at 11:24:56 AM UTC-6, Nicholas Smith >>>>> wrote: >>>>>> >>>>>> Your route definition should start with a / >>>>>> >>>>>> .when('/views/gallery_details' ... >>>>>> >>>>>> instead of >>>>>> >>>>>> .when('views/gallery_details' ... >>>>>> >>>>>> >>>>>> >>>>>> On Thursday, February 5, 2015 at 10:01:36 AM UTC-6, Steve Husting >>>>>> wrote: >>>>>>> >>>>>>> Well, I have the following in index.html: >>>>>>> >>>>>>> <a href="#views/gallery_details"> Details</a> >>>>>>> >>>>>>> ... which I assume will connect to the above code via <script >>>>>>> src="angular/galleryApp.js"></script> and still >>>>>>> views/gallery_details.html does not come on when the link is clicked. >>>>>>> There >>>>>>> are no errors or warnings in Dev Tools. All of my research indicates >>>>>>> that >>>>>>> these two codes are correct, so I'm trying to figure out why the link >>>>>>> does >>>>>>> not change pages. >>>>>>> >>>>>>> [ In the original post, "view/" should be "views/." This was >>>>>>> corrected and still does not work. ] >>>>>>> >>>>>>> Thanks for looking! >>>>>>> >>>>>>> >>>>>>> On Wednesday, February 4, 2015 at 6:30:51 PM UTC-8, Nicholas Smith >>>>>>> wrote: >>>>>>>> >>>>>>>> Looks right to me, but won't know until you try to run it. >>>>>>>> >>>>>>>> On Wednesday, February 4, 2015 at 5:07:45 PM UTC-6, Steve Husting >>>>>>>> wrote: >>>>>>>>> >>>>>>>>> var app = angular.module("app", ['ngRoute']); // Our module >>>>>>>>> >>>>>>>>> // The following service provider $routeProvider will define the >>>>>>>>> routes of our app >>>>>>>>> app.config(['$routeProvider', function($routeProvider) { >>>>>>>>> $routeProvider >>>>>>>>> .when('view/gallery_details', { // This URL, in >>>>>>>>> index.html, will map to the following view >>>>>>>>> templateUrl: 'views/gallery_details.html' >>>>>>>>> }) // no comma here >>>>>>>>> .otherwise({ >>>>>>>>> templateUrl: 'index.html' >>>>>>>>> }); >>>>>>>>> }]); >>>>>>>>> >>>>>>>>> Thanks! >>>>>>>>> >>>>>>>> -- >> You received this message because you are subscribed to a topic in the >> Google Groups "AngularJS" group. >> To unsubscribe from this topic, visit >> https://groups.google.com/d/topic/angular/vJgBaHRaCv0/unsubscribe. >> To unsubscribe from this group and all its topics, send an email to >> [email protected] <javascript:>. >> To post to this group, send email to [email protected] >> <javascript:>. >> Visit this group at http://groups.google.com/group/angular. >> For more options, visit https://groups.google.com/d/optout. >> >
-- 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.
