I don't know what you mean by "in scope." :) I've tried that syntax earlier
and it did not show, so I tried concatenation.
*Here's my sample data.json file:*
[
{
"model" : "Calla Lily",
"description" : "Amethyst Riches",
"shortname" : "calla"
},
{
"model" : "Rose",
"description" : "Red Rose Bouquet",
"shortname" : "rose"
},
{
"model" : "Orchid",
"description" : "Tickled Pink Orchid",
"shortname" : "orchid"
},
{
"model" : "Gerbera Daisy",
"description" : "Colorful World Gerbera Daisy",
"shortname" : "daisy"
}
]
*My controllers3.js file refers to it:*
var artistControllers = angular.module('artistControllers', []);
// Controllers have their first letter capitalized: ListController
artistControllers.controller('ListController', ['$scope', '$http',
function($scope, $http) {
$http.get(*'js/data.json*').success(function(data) {
$scope.flowers = data;
$scope.flowerSort = 'model';
});
}]);
artistControllers.controller('DetailsController', ['$scope', '$http',
'$routeParams', function($scope, $http, $routeParams) {
$http.get('js/data.json').success(function(data) {
$scope.flowers = data;
$scope.whichItem = '$routeParams.itemId';
});
}]);
*My detail.html file displays the data like this:*
<section>
<div ng-model="flowers">
<h2>Flower: {{flowers[whichItem].model}}</h2>
<img ng-src="images/{{flowers[whichItem].shortname}}.jpg"
width="120px" alt="Photo of {{flowers[whichItem].model}}">
<p>This lovely arrangement, "{{flowers[whichItem].description}},"
will be sure to please any recipient.</p>
</div>
<a href="index3.html">« Back to flower listing</a>
</section>
On Friday, August 8, 2014 2:17:50 PM UTC-7, Raul Vieira wrote:
>
> It should be straight forward:
>
> <img alt=“{{item.shortname}}” title=“{{item.shortname}}” src=“somwhere" />
>
> Are you sure item is on the scope? Also, you’re example looks busted:
> title=" Photo " + {{item.shortname}} should be title=“Photo
> {{item.shortname}}"
>
> Raul
>
> On Aug 8, 2014, at 12:29 PM, Steve Husting <[email protected]
> <javascript:>> wrote:
>
> Since this is going to be a mobile application, the alt and title tags are
> not relevant. But I would assume they will be used on a desktop site.
>
> On Friday, August 8, 2014 8:11:30 AM UTC-7, Steve Husting wrote:
>>
>> No, those aren't listed in the API at https://docs.angularjs.org/api so
>> they didn't work for me. Thanks for the idea!
>>
>> On Thursday, August 7, 2014 10:49:40 PM UTC-7, Darshan Joshi wrote:
>>>
>>> Hi,
>>>
>>> Try to use *data-ng-alt* and *data-ng-title.* Of-course you can use
>>> same without *data-* prefix.
>>>
>>>
>>> On Friday, August 8, 2014 3:45:06 AM UTC+5:30, Steve Husting wrote:
>>>>
>>>> As can be seen by the screen grab of one line of code, I'm trying to
>>>> correctly format an <img's alt="Photo of {{item.shortname}}"> and title="
>>>> Photo " + {{item.shortname}}, but with no success -- "Photo of" shows up
>>>> but no item.shortname. The data pulls correctly from data.json with <img
>>>> ng-src="images/{{tem.shortname}}.jpg"
>>>>
>>>> What is the correct syntax to use to make the {{item.shortname}} work
>>>> for alt and title tags?
>>>>
>>>
> --
> 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] <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.
