Check out this new plunk:
http://plnkr.co/edit/UnlmYHqKlSZXW0kabvYd?p=preview
I have testing this in Chrome, Firefox, and IE8. Plunkr itself seems not to
work in IE8, but if I server up this file using a simple Express server I
see that the binding expression in the option does not get evaluated if the
select is inside an element that uses ng-repeat. You get select where the
text in the first and only option is "{{'bar'}}" instead of just "bar". It
turns out this also happens in Firefox, but not in Chrome.
Here's the code from the plunk:
<!DOCTYPE html>
<html ng-app="Demo">
<head>
<script src="
https://ajax.googleapis.com/ajax/libs/angularjs/1.2.21/angular.js";></script>
<script>
var app = angular.module('Demo', []);
app.controller('DemoCtrl', function ($scope) {
$scope.items = ['A', 'B', 'C'];
});
</script>
</head>
<body ng-controller="DemoCtrl">
<div ng-repeat="item in items">
<select>
<option>{{'bar'}}</option>
</select>
</div>
</body>
</html>
On Tue, Aug 5, 2014 at 4:33 PM, Mark Volkmann <[email protected]>
wrote:
> I'm using IE8. I think my issue was related to the browser switching into
> quirks mode. I'm working on coming up with a better code sample to
> demonstrate the problem I'm hitting. I'll post another soon.
>
>
> On Tue, Aug 5, 2014 at 2:05 PM, Charly Poly <[email protected]> wrote:
>
>> Hi Mark,
>>
>> Which IE version do you use for this test ?
>>
>> Regards,
>> Charly.
>>
>>
>> On Tuesday, 5 August 2014 20:12:55 UTC+2, Mark Volkmann wrote:
>>>
>>> This plunk works fine in Chrome, but the same code doesn't work
>>> correctly in IE.
>>> http://plnkr.co/edit/xTly4Bq8MI3zXEYiR0zm?p=preview
>>>
>>> Here's the HTML from the plunk:
>>>
>>> <html ng-app>
>>> <head>
>>> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.
>>> 21/angular.min.js"></script>
>>> </head>
>>> <body>
>>> <select>
>>> <option>{{'foo'}}</option>
>>> <option>{{'bar'}}</option>
>>> </body>
>>> </html>
>>>
>>> Instead of seeing "foo" for the first option in the select, I see
>>> {{'foo'}}, an unevaluated binding expression. Is there an alternative way
>>> to do this that works in IE?
>>>
>>> Note that in my real app. there is a reason I need to use a binding
>>> expression and not just a literal value.
>>>
>>> --
>>> R. Mark Volkmann
>>> Object Computing, Inc.
>>>
>> --
>> 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.
>>
>
>
>
> --
> R. Mark Volkmann
> Object Computing, Inc.
>
--
R. Mark Volkmann
Object Computing, Inc.
--
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.
