javascript - ng-repeat 在 iOS 中不起作用

Question

我有一个看起来像这样的 ng-repeat:

<div ng-repeat = "Header in Headers" ng-show = "Headers.length > 0">
            <div class = "promoHeader">
                {{Header.Descript1}}
            </div>
            <div class="touchcarousel minimal-light promosCarousel">
                <ul class="touchcarousel-container">
                    <li ng-repeat = "Promo in Header.Promos" class="touchcarousel-item" ng-class = "{'disabledPromo' : invalidPromo(Promo)}">
                        <a id = "{{Promo.PromoID}}" ng-click = "viewPromo(Promo)">
                            <img class = "tcimage" ng-src = "{{Promo.PhotoURL}}"/>
                            <div class = "tctext"><span class = "tctext-inner">{{Promo.Descript1}}</span></div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

出于某种原因，Header.Descript1 正在采用 Promo.Descript1 的值。没有意义的是，它在 Android 中运行良好，但在 iOS 中中断。这是一个带有 jQuery Mobile 和 angularjs 的 cordova 3.3.0 应用程序。我查看了 weinre 中的 DOM，但这并没有帮助。也许 iOS 和 angularjs 之间存在兼容性问题？

编辑

问题似乎是由 WebSQL 而不是 angular 引起的:

db.transaction(function(tx){
                tx.executeSql('SELECT * FROM PromoHead INNER JOIN Promo ON PromoHead.HeadID = Promo.HeadID ORDER BY PromoHead.SortOrder', [], function (tx, results){
                    for (var i = 0; i<results.rows.length; i++)
                    {
                            headers.push({
                                HeadID : results.rows.item(i).HeadID,
                                Descript1 : results.rows.item(i).Descript1, 
                                Promos : []
                            });
                    }
                }, errorCB); 
            }, errorCB);

我检查了 PromoHead，它具有正确的值。但是，当我执行此 inner join 时，PromoHead 获取结果中第一个 Promo 行的值。此错误仅发生在 iOS 上，android 可按预期工作。

Answer 1

属性定义周围的空格可能会导致问题