如何使用 google actions sdk 迭代 js 对象数组并在 google 助手应用程序中显示列表选择器

Question

我在这里搜索了所有文档 https://developers.google.com/actions/assistant/responses

在 "List Selector" 的文档中，所有示例都使用静态和固定数量的数据。对于真实场景，我正在调用 RestAPI 并在 js 对象中获取响应，该对象具有我想要迭代的对象数组并在列表选择器中显示该信息。

下面是google助手的actions sdk文档中给出的List Selector示例

function list (app) {
app.askWithList(app.buildRichResponse()
.addSimpleResponse('Alright')
.addSuggestions(
  ['Basic Card', 'List', 'Carousel', 'Suggestions']),
// Build a list
app.buildList('Things to learn about')
// Add the first item to the list
.addItems(app.buildOptionItem('MATH_AND_PRIME',
  ['math', 'math and prime', 'prime numbers', 'prime'])
  .setTitle('Math & prime numbers')
  .setDescription('42 is an abundant number because the sum of its ' +
    'proper divisors 54 is greater…')
  .setImage('http://example.com/math_and_prime.jpg', 'Math & prime numbers'))
// Add the second item to the list
.addItems(app.buildOptionItem('EGYPT',
  ['religion', 'egpyt', 'ancient egyptian'])
  .setTitle('Ancient Egyptian religion')
  .setDescription('42 gods who ruled on the fate of the dead in the ' +
    'afterworld. Throughout the under…')
  .setImage('http://example.com/egypt', 'Egypt')
)
// Add third item to the list
.addItems(app.buildOptionItem('RECIPES',
  ['recipes', 'recipe', '42 recipes'])
  .setTitle('42 recipes with 42 ingredients')
  .setDescription('Here\'s a beautifully simple recipe that\'s full ' +
    'of flavor! All you need is some ginger and…')
  .setImage('http://example.com/recipe', 'Recipe')
)
);
}

现在，当我在 .addItems() 之前在 js 对象数组上添加迭代器时，会显示语法错误，因为我们无法在它上面添加任何行。

当我们不能在 .addItems() 上面写任何东西时，关于如何迭代这里并执行 .addItems() 的任何想法？

Answer 1

一旦在 app.askWithList() 之外创建列表就很容易了，如下所示。

function parseAndShowMessages(app, data) {
let list = app.buildList('test Messages')
for (var i = 0; i < data.response.messages.length; i++) {
  list.addItems(app.buildOptionItem(data.response.messages[i].subject,'')
    .setTitle(data.response.messages[i].from_name)
    .setDescription(data.response.messages[i].subject + '  \n' + data.response.messages[i].body)
    .setImage(IMG_URL_PICTURE,data.response.messages[i].subject)
  )
}

if (data.response.messages.length > 1) {
  app.askWithList(app.buildRichResponse()
    .addSimpleResponse('Sure, Below are your messages.')
    .addSuggestions(['Appointments']),list);
}
}

上面的数据是RestAPI的响应js object 并且data.response.messages有一个js数组objects.

注意：根据 actions sdk，列表选择器中必须至少有两个不同标题的项目。

如何使用 google actions sdk 迭代 js 对象数组并在 google 助手应用程序中显示列表选择器

How to iterate over array of js objects and display List Selector in google assistant app using google actions sdk

javascript

arrays

android

node.js

actions-on-google