如何突出显示所选范围内的特定单词？

Question

基本上我必须突出我在数组中收到的单词。在控制台上，我在第一次迭代后收到以下错误：

未处理的拒绝PropertyNotLoaded：属性'items'不可用。在读取属性的值之前，请在包含对象上调用load方法，并在关联的请求上下文中调用“context.sync（）”。

这是代码：

 var color = systemService.getColor(item.gradeText);
 var filteredWords = $(item.words).not($scope.stopList).get();

            Word.run(function (context) {
                var selectedRange = context.document.getSelection();
                context.load(selectedRange, "text");
                return context.sync().then(function () {
                    for (var i = 0; i < filteredWords.length; i++) {

                        var searchResults = null;

                        searchResults = selectedRange.search(filteredWords[i], { ignorePunct: true, matchCase: false, matchWholeWord: true });

                        context.load(searchResults, 'font');

                        context.sync().then(function () {
                            for (var i = 0; i < searchResults.items.length; i++) {
                                searchResults.items[i].font.color = color;
                                searchResults.items[i].font.bold = true;
                            }

                        });
                    }
                }).then(context.sync);

            })
               .catch(function (error) {
                   console.log('Error: ' + JSON.stringify(error));
                   if (error instanceof OfficeExtension.Error) {
                       console.log('Debug info: ' + JSON.stringify(error.debugInfo));
                   }
               });

Answer 1

我发现在第二个return前面添加关键字context.sync可以修复它。

Answer 2

感谢您的回答，我通过以下链接了解了此功能：

Best way to write loops with promises (ctx.sync) in JavaScript API for Office