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 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.
