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