Javascript 在wix应用程序中获取新数据后，Ng repeat不会立即更新

我正在尝试使用angular js创建我的第一个wix应用程序市场应用程序。我对ng重复问题有问题。我用空数组启动应用程序。我将图像从wix media gallery加载到阵列中，希望视图能够更新。但直到我在查看器中使用一个虚拟函数，它才会发生。我不明白为什么加载图像后ng repeat没有立即更新

请帮忙

谢谢

观众：

<div>
<accordion close-others="oneAtATime">
    <accordion-group is-open="status.isFirstOpen" is-disabled="status.isFirstDisabled">
        <accordion-heading>
            Gallery Options <i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': status.open, 'glyphicon-chevron-right': !status.open}"></i>
        </accordion-heading>

        <div class="gallery-controller">
            <button ng-click="openMediaDialog()" class="uilib-btn opt-add-images-button">Add Images</button>

            <div class="action-button-group">
                <button class="uilib-btn btn-secondary opt-navigation-button">
                    <div class="opt-move-down">
                        <div class="opt-dwon-triangle"></div>
                        <div class="opt-underline"></div>
                    </div>
                </button>

                <button class="uilib-btn btn-secondary opt-navigation-button">
                    <div class="opt-move-down">
                        <div class="opt-dwon-triangle"></div>
                    </div>
                </button>

                <button class="uilib-btn btn-secondary opt-navigation-button">
                    <div class="opt-move-down">
                        <div class="opt-up-triangle"></div>
                    </div>
                </button>

                <button class="uilib-btn btn-secondary opt-navigation-button">
                    <div class="opt-move-down">
                        <div class="opt-underline"></div>
                        <div class="opt-up-triangle"></div>
                    </div>
                </button>

                <button ng-click="debugThis()" class="uilib-btn btn-secondary opt-remove-button-container"> //dummy function
                    <div class="opt-remove-bucket"></div>
                </button>
            </div>

            <div class="opt-gallery-thumbnail-container">
                <div class="box" wix-scroll="{height:150}">
                    <ul class="opt-gallery-thumbnail">
                        <li ng-repeat="option in galleryThumbnails">
                            <div>
                                <img src="data:image/jpeg; base64, {{option.relativeUri}}">
                                <p ng-model="option.fileName"></p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

    </accordion-group>
    <accordion-group is-open="status.open">
        <accordion-heading>
            Gallery Style <i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': status.open, 'glyphicon-chevron-right': !status.open}"></i>
        </accordion-heading>
        <p>The body of the accordion group grows to fit the contents</p>
        <button class="btn btn-default btn-sm" ng-click="addItem()">Add Item</button>
        <div ng-repeat="item in items">{{item}}</div>
    </accordion-group>
    <accordion-group is-open="status.open">
        <accordion-heading>
            Gallery Other Option <i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': status.open, 'glyphicon-chevron-right': !status.open}"></i>
        </accordion-heading>
        This is just some content to illustrate fancy headings.
    </accordion-group>
</accordion>

---

也许问题在于“galleryThumbnails”应该是对象的属性，而不是对象本身，请参见此处的示例$rootScope.Scope

因此，您可以尝试不测试：

$scope.gallery = {};
$scope.gallery.thumbnails = [];

并调整标记以使用以下内容：

<li ng-repeat="option in gallery.thumbnails">

---

等。

清除浏览器的所有数据后尝试。尝试添加$scope.$apply作为setGallery函数的最后一行。

function setGalleryThumbnails(data){
   $scope.gallery.thumbnails = data;
}

<li ng-repeat="option in gallery.thumbnails">