{"id":2487,"date":"2017-01-09T15:00:00","date_gmt":"2017-01-09T15:00:00","guid":{"rendered":"https:\/\/www.couchbase.com\/blog\/?p=2487"},"modified":"2025-06-13T20:15:29","modified_gmt":"2025-06-14T03:15:29","slug":"querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application","status":"publish","type":"post","link":"https:\/\/www.couchbase.com\/blog\/pt\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/","title":{"rendered":"Consulta de documentos do Couchbase em um aplicativo m\u00f3vel Angular NativeScript"},"content":{"rendered":"<p>I <a href=\"https:\/\/www.couchbase.com\/blog\/pt\/key-value-operations-in-couchbase-mobile-via-nativescript-and-angular\/\">escreveu recentemente sobre<\/a> usando o Couchbase como um armazenamento de valor-chave em um aplicativo NativeScript para iOS e Android criado com o Angular. Neste exemplo, vimos como coletar informa\u00e7\u00f5es de perfil de usu\u00e1rio para serem salvas ou carregadas a partir de <a href=\"https:\/\/www.couchbase.com\/blog\/pt\/\">Couchbase<\/a> nos dispositivos m\u00f3veis. No entanto, est\u00e1vamos salvando e carregando com base em uma chave espec\u00edfica, e n\u00e3o consultando com base nas propriedades do documento.<\/p>\n<p>E se voc\u00ea tiver documentos NoSQL em que n\u00e3o conhece a chave e precisa fazer consultas com base nas propriedades do documento? Neste exemplo, vamos usar o <a href=\"https:\/\/www.couchbase.com\/blog\/pt\/key-value-operations-in-couchbase-mobile-via-nativescript-and-angular\/\">Artigo anterior<\/a> para o pr\u00f3ximo n\u00edvel.<\/p>\n<div class=\"figure\"><img decoding=\"async\" src=\"\/wp-content\/original-assets\/2017\/january\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/ns-couchbase-profiles-p2.gif\" alt=\"NativeScript with Couchbase Profiles Example\" \/><\/div>\n<p>Vamos trazer nossa p\u00e1gina \u00fanica <a href=\"https:\/\/www.nativescript.org\">NativeScript<\/a> para v\u00e1rias p\u00e1ginas, sendo que a primeira p\u00e1gina \u00e9 uma lista de perfis salvos anteriormente e a segunda p\u00e1gina permite que voc\u00ea crie novos perfis. A navega\u00e7\u00e3o entre as p\u00e1ginas ser\u00e1 feita com o Angular Router.<\/p>\n<h2 id=\"the-requirements\">Os requisitos<\/h2>\n<p>Os requisitos entre este guia e o anterior permanecem os mesmos. Voc\u00ea precisar\u00e1 do seguinte:<\/p>\n<ul>\n<li>CLI do NativeScript 2.0+<\/li>\n<li>Android SDK e\/ou Xcode para Mac<\/li>\n<\/ul>\n<p>A CLI do NativeScript, obtida por meio do Node Package Manager (NPM), nos permitir\u00e1 criar e desenvolver projetos m\u00f3veis. Para criar e implantar aplicativos Android e iOS reais, voc\u00ea precisar\u00e1 do Android SDK ou do Xcode, ou de ambos.<\/p>\n<h2 id=\"starting-from-where-we-left-off\">Come\u00e7ando de onde paramos<\/h2>\n<p>N\u00e3o criaremos nosso projeto do zero, mas, em vez disso, faremos refer\u00eancia ao <a href=\"https:\/\/www.couchbase.com\/blog\/pt\/key-value-operations-in-couchbase-mobile-via-nativescript-and-angular\/\">tutorial anterior NativeScript com Couchbase<\/a>. No entanto, muito do que voc\u00ea ver\u00e1 aqui ser\u00e1 uma revis\u00e3o.<\/p>\n<p>O projeto anterior deve ser um aplicativo b\u00e1sico de uma p\u00e1gina com o <a href=\"https:\/\/www.github.com\/couchbaselabs\/nativescript-couchbase\">nativescript-couchbase<\/a> plugin instalado. Precisamos transformar nossa p\u00e1gina \u00fanica em v\u00e1rias p\u00e1ginas.<\/p>\n<h2 id=\"preparing-multiple-application-pages-for-navigation\">Prepara\u00e7\u00e3o de v\u00e1rias p\u00e1ginas de aplicativos para navega\u00e7\u00e3o<\/h2>\n<p>Usaremos duas p\u00e1ginas al\u00e9m do modal que criamos anteriormente. Em seu projeto, crie os seguintes arquivos e diret\u00f3rios:<\/p>\n<pre><code>app\/components\/profile-list\/\r\napp\/components\/profile-list\/profile-list.ts\r\napp\/components\/profile-list\/profile-list.html\r\napp\/components\/profile\/\r\napp\/components\/profile\/profile.ts\r\napp\/components\/profile\/profile.html<\/code><\/pre>\n<p>Os arquivos acima representar\u00e3o nossas duas p\u00e1ginas. Para ter sucesso com o Angular Router, precisamos criar um arquivo de roteamento que vincule esses arquivos.<\/p>\n<p>Crie o seguinte em seu projeto:<\/p>\n<pre><code>app\/app.routing.ts<\/code><\/pre>\n<p>Embora ainda n\u00e3o tenhamos criado nossas classes de p\u00e1gina, vamos nos concentrar em vincul\u00e1-las. Abra o diret\u00f3rio <strong>app\/app.routing.ts<\/strong> e inclua o seguinte:<\/p>\n<pre><code>import { ProfileListComponent } from \".\/components\/profile-list\/profile-list\";\r\nimport { ProfileComponent } from \".\/components\/profile\/profile\";\r\n\r\nexport const appRoutes: any = [\r\n    { path: \"\", component: ProfileListComponent },\r\n    { path: \"profile\", component: ProfileComponent }\r\n];\r\n\r\nexport const appComponents: any = [\r\n    ProfileListComponent,\r\n    ProfileComponent\r\n];<\/code><\/pre>\n<p>Como voc\u00ea pode imaginar, vamos ter um <code>Componente ProfileList<\/code> e um <code>ProfileComponent<\/code>. Quando se trata de <code>Rotas de aplicativos<\/code>A p\u00e1gina padr\u00e3o \u00e9 aquela com um caminho de rota vazio. A segunda p\u00e1gina poder\u00e1 ser navegada por meio do <code>perfil<\/code> caminho.<\/p>\n<p>Adicionar cada um dos componentes a uma matriz \u00e9 uma conveni\u00eancia para a pr\u00f3xima etapa.<\/p>\n<p>Abra o arquivo <strong>app\/app.module.ts<\/strong> porque precisamos configurar o roteador para usar o arquivo de roteamento que acabamos de criar.<\/p>\n<pre><code>import { NgModule, NO_ERRORS_SCHEMA } from \"@angular\/core\";\r\nimport { NativeScriptModule } from \"nativescript-angular\/platform\";\r\nimport { NativeScriptFormsModule } from \"nativescript-angular\/forms\";\r\nimport { NativeScriptRouterModule } from \"nativescript-angular\/router\";\r\nimport { ModalDialogService } from \"nativescript-angular\/modal-dialog\";\r\n\r\nimport { appComponents, appRoutes } from \".\/app.routing\";\r\nimport { AppComponent } from \".\/app.component\";\r\nimport { ModalComponent } from \".\/app.modal\";\r\n\r\n@NgModule({\r\n    declarations: [AppComponent, ModalComponent, ...appComponents],\r\n    entryComponents: [ModalComponent],\r\n    bootstrap: [AppComponent],\r\n    imports: [\r\n        NativeScriptModule,\r\n        NativeScriptFormsModule,\r\n        NativeScriptRouterModule,\r\n        NativeScriptRouterModule.forRoot(appRoutes)\r\n    ],\r\n    providers: [ModalDialogService],\r\n    schemas: [NO_ERRORS_SCHEMA]\r\n})\r\nexport class AppModule { }<\/code><\/pre>\n<p>Observe na imagem acima que ainda temos todos os itens relacionados ao modal do tutorial anterior. Desta vez, importamos do diret\u00f3rio <strong>app\/app.routing.ts<\/strong> e injetado no arquivo <code>importa\u00e7\u00f5es<\/code> e <code>declara\u00e7\u00f5es<\/code> matriz do <code>@NgModule<\/code> bloco.<\/p>\n<p>A p\u00e1gina principal de nosso sistema de roteamento \u00e9 a <code>Componente de aplicativo<\/code> que est\u00e1vamos usando no exemplo anterior. Precisamos elimin\u00e1-la.<\/p>\n<p>Abra o arquivo <strong>app\/app.component.html<\/strong> e inclua a seguinte marca\u00e7\u00e3o XML:<\/p>\n<pre><code><\/code><\/pre>\n<p>Para combinar com isso, podemos remover a maior parte do c\u00f3digo dentro do <strong>app\/app.component.ts<\/strong> arquivo. No final, esse arquivo deve ser semelhante ao seguinte:<\/p>\n<pre><code>import { Component } from \"@angular\/core\";\r\n\r\n@Component({\r\n    selector: \"my-app\",\r\n    templateUrl: \"app.component.html\",\r\n})\r\nexport class AppComponent { }<\/code><\/pre>\n<p>Neste ponto, podemos come\u00e7ar a desenvolver cada uma das p\u00e1ginas do nosso aplicativo. Para obter mais informa\u00e7\u00f5es sobre roteamento usando o Angular Router, visite <a href=\"https:\/\/www.thepolyglotdeveloper.com\/2016\/10\/navigating-nativescript-app-angular-2-router\/\">Artigo anterior<\/a> Escrevi sobre o assunto.<\/p>\n<h2 id=\"moving-the-code-from-the-previous-couchbase-nativescript-example\">Movendo o c\u00f3digo do exemplo anterior do Couchbase NativeScript<\/h2>\n<p>Lembra-se de todo o c\u00f3digo que acabei de dizer para voc\u00ea apagar? Eu provavelmente n\u00e3o deveria ter dito isso, mas, para nossa sorte, voc\u00ea pode copi\u00e1-lo e col\u00e1-lo no exemplo anterior ou, melhor ainda, abaixo.<\/p>\n<p>Precisamos pegar o c\u00f3digo que estava anteriormente no <strong>app\/app.component.ts<\/strong> e <strong>app\/app.component.html<\/strong> e mov\u00ea-lo para o novo arquivo <strong>app\/components\/profile\/profile.ts<\/strong> e <strong>app\/components\/profile\/profile.html<\/strong> arquivos.<\/p>\n<p>Abra o <strong>app\/components\/profile\/profile.html<\/strong> e fa\u00e7a com que ele se pare\u00e7a com o seguinte:<\/p>\n<pre><code>\r\n<label class=\"label\"><\/label>\r\n<label class=\"label\"><\/label>\r\n<button class=\"btn btn-primary w-full\"><\/button>\r\n<\/code><\/pre>\n<p>A \u00fanica coisa que mudou no exemplo acima foi que removi o bot\u00e3o na barra de a\u00e7\u00e3o que era usado para carregar dados. Agora, abra a se\u00e7\u00e3o <strong>app\/components\/profile\/profile.ts<\/strong> e inclua o seguinte:<\/p>\n<pre><code>import { Component, ViewContainerRef } from \"@angular\/core\";\r\nimport { Location } from \"@angular\/common\";\r\nimport { ModalDialogService } from \"nativescript-angular\/directives\/dialogs\";\r\nimport { Couchbase } from \"nativescript-couchbase\";\r\nimport { ModalComponent } from \"..\/..\/app.modal\";\r\n\r\n@Component({\r\n    selector: \"profile\",\r\n    templateUrl: \".\/components\/profile\/profile.html\",\r\n})\r\nexport class ProfileComponent {\r\n\r\n    public profile: any;\r\n    private database: any;\r\n\r\n    public constructor(private modal: ModalDialogService, private vcRef: ViewContainerRef, private location: Location) {\r\n        this.profile = {\r\n            photo: \"~\/kitten1.jpg\",\r\n            firstname: \"\",\r\n            lastname: \"\"\r\n        }\r\n        this.database = new Couchbase(\"data\");\r\n    }\r\n\r\n    public showModal(fullscreen: boolean) {\r\n        let options = {\r\n            context: { promptMsg: \"Pick your avatar!\" },\r\n            fullscreen: fullscreen,\r\n            viewContainerRef: this.vcRef\r\n        };\r\n        this.modal.showModal(ModalComponent, options).then((res: string) =&gt; {\r\n            this.profile.photo = res || \"~\/kitten1.jpg\";\r\n        });\r\n    }\r\n\r\n    public save() {\r\n        this.database.createDocument(this.profile);\r\n        this.location.back();\r\n    }\r\n\r\n}<\/code><\/pre>\n<p>Para ser justo, removi o <code>carregar<\/code> que t\u00ednhamos e inclu\u00edmos o servi\u00e7o Angular Location para navegar para tr\u00e1s na pilha de navega\u00e7\u00e3o. Tudo, com exce\u00e7\u00e3o dos caminhos, deve ser o mesmo.<\/p>\n<p>Lembre-se, meu aplicativo tem imagens de avatar de gatinhos que encontrei na Internet.<\/p>\n<div class=\"figure\"><img decoding=\"async\" src=\"\/wp-content\/original-assets\/2017\/january\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/cb-nativescript-kitten-pictures.jpg\" alt=\"NativeScript with Couchbase Kittens\" \/><\/div>\n<p>Voc\u00ea provavelmente deveria encontrar suas pr\u00f3prias imagens de avatar e us\u00e1-las conforme apropriado. O <strong>~\/<\/strong> representa que as imagens devem ser encontradas na se\u00e7\u00e3o <strong>aplicativo<\/strong> diret\u00f3rio.<\/p>\n<p>Agora precisamos dar uma olhada na p\u00e1gina a ser criada para listar os dados na tela.<\/p>\n<h2 id=\"querying-for-profiles-and-adding-them-to-a-list-on-the-ui\">Consultando perfis e adicionando-os a uma lista na interface do usu\u00e1rio<\/h2>\n<p>Nossa nova p\u00e1gina deve, em teoria, ser mais simples do que tudo o que fizemos at\u00e9 agora e no guia anterior. Abra a se\u00e7\u00e3o <strong>app\/components\/profile-list\/profile-list.ts<\/strong> e inclua o seguinte:<\/p>\n<pre><code>import { Component, OnInit } from \"@angular\/core\";\r\nimport { Location } from \"@angular\/common\";\r\nimport { Router } from \"@angular\/router\";\r\nimport { Couchbase } from \"nativescript-couchbase\";\r\n\r\n@Component({\r\n    selector: \"profile-list\",\r\n    templateUrl: \".\/components\/profile-list\/profile-list.html\",\r\n})\r\nexport class ProfileListComponent implements OnInit {\r\n\r\n    public profiles: Array;\r\n    private database: any;\r\n\r\n    public constructor(private router: Router, private location: Location) { }\r\n\r\n    public ngOnInit() { }\r\n\r\n    public refresh() { }\r\n\r\n    public create() { }\r\n\r\n}<\/code><\/pre>\n<p>No exemplo acima, temos um <code>Componente ProfileList<\/code> com uma vari\u00e1vel p\u00fablica para manter todos os nossos dados vinculados \u00e0 interface do usu\u00e1rio e uma inst\u00e2ncia privada para o nosso banco de dados Couchbase.<\/p>\n<p>Precisamos ser capazes de navegar para frente na pilha de navega\u00e7\u00e3o e detectar a navega\u00e7\u00e3o para tr\u00e1s na pilha, portanto, injetamos o <code>Roteador<\/code> e <code>Localiza\u00e7\u00e3o<\/code> servi\u00e7os no <code>construtor<\/code> m\u00e9todo. O <code>construtor<\/code> tamb\u00e9m faz o seguinte:<\/p>\n<pre><code>public constructor(private router: Router, private location: Location) {\r\n    this.database = new Couchbase(\"data\");\r\n    this.database.createView(\"profiles\", \"1\", function(document, emitter) {\r\n        emitter.emit(document._id, document);\r\n    });\r\n    this.profiles = [];\r\n}<\/code><\/pre>\n<p>No exemplo acima <code>construtor<\/code> abrimos nosso banco de dados e criamos uma nova visualiza\u00e7\u00e3o do MapReduce. Essa visualiza\u00e7\u00e3o \u00e9 muito simplista no sentido de que retornar\u00e1 um par de valores-chave de todos os documentos no banco de dados. N\u00e3o h\u00e1 l\u00f3gica condicional em torno do que ela retorna nesse cen\u00e1rio. A visualiza\u00e7\u00e3o <code>perfis<\/code> A visualiza\u00e7\u00e3o do MapReduce \u00e9 a base de nossas consultas.<\/p>\n<p>Para consultar essa exibi\u00e7\u00e3o, temos o comando <code>atualizar<\/code> m\u00e9todo:<\/p>\n<pre><code>public refresh() {\r\n    this.profiles = [];\r\n    let rows = this.database.executeQuery(\"profiles\");\r\n    for(let i = 0; i &lt; rows.length; i++) {\r\n        this.profiles.push(rows[i]);\r\n    }\r\n}<\/code><\/pre>\n<p>Ap\u00f3s a consulta, enviamos cada um dos resultados para nossa p\u00e1gina p\u00fablica <code>perfis<\/code> vari\u00e1vel. N\u00e3o se confunda, a vari\u00e1vel <code>perfis<\/code> n\u00e3o \u00e9 a mesma que a vari\u00e1vel <code>perfis<\/code> vista.<\/p>\n<pre><code>public ngOnInit() {\r\n    this.location.subscribe(() =&gt; {\r\n        this.refresh();\r\n    });\r\n    this.refresh();\r\n}<\/code><\/pre>\n<p>O <code>ngOnInit<\/code> aciona ap\u00f3s o <code>construtor<\/code> m\u00e9todo. N\u00e3o apenas executamos nossa consulta, mas precisamos assinar os eventos de navega\u00e7\u00e3o para que possamos executar a consulta ao retornar \u00e0 p\u00e1gina. Isso ocorre porque o m\u00e9todo <code>construtor<\/code> e o <code>ngOnInit<\/code> s\u00e3o acionados somente no carregamento, n\u00e3o em eventos de navega\u00e7\u00e3o anteriores.<\/p>\n<p>Nosso \u00faltimo m\u00e9todo \u00e9 o <code>criar<\/code> m\u00e9todo:<\/p>\n<pre><code>public create() {\r\n    this.router.navigate([\"profile\"]);\r\n}<\/code><\/pre>\n<p>Isso ser\u00e1 acionado quando o bot\u00e3o for pressionado e nos levar\u00e1 \u00e0 segunda tela.<\/p>\n<p>A interface do usu\u00e1rio para essa p\u00e1gina, encontrada na se\u00e7\u00e3o <strong>app\/components\/profile-list\/profile-list.html<\/strong>O resultado ser\u00e1 parecido com o seguinte:<\/p>\n<pre><code>\r\n<label class=\"label\"><\/label>\r\n<\/code><\/pre>\n<p>O <code><\/code> iterar\u00e1 sobre cada item em nossa matriz p\u00fablica e os converter\u00e1 em linhas. Cada linha ter\u00e1 duas colunas, sendo que a primeira coluna de imagem tem uma largura de 50 e a segunda coluna \u00e9 esticada para se ajustar.<\/p>\n<h2 id=\"conclusion\">Conclus\u00e3o<\/h2>\n<p>Voc\u00ea acabou de ver como pegar seu valor-chave <a href=\"https:\/\/www.nativescript.org\">NativeScript<\/a> com o aplicativo Couchbase para o pr\u00f3ximo n\u00edvel, adicionando consultas de visualiza\u00e7\u00e3o MapReduce para consultar dados com base nas propriedades do documento. Embora os dados de perfil n\u00e3o sejam muito \u00fateis, e se voc\u00ea quisesse sincronizar o que est\u00e1 armazenado em <a href=\"https:\/\/www.couchbase.com\/blog\/pt\/\">Couchbase<\/a> no dispositivo para outros dispositivos? Daremos uma olhada nisso na pr\u00f3xima vez.<\/p>","protected":false},"excerpt":{"rendered":"<p>I recently wrote about using Couchbase as a key-value store in a NativeScript iOS and Android application built with Angular. In this example we saw how to collect user profile information to be saved or loaded from Couchbase on the [&hellip;]<\/p>","protected":false},"author":63,"featured_media":13873,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[1815,1810,9327,1812],"tags":[1704,1543,1248,1589],"ppma_author":[9032],"class_list":["post-2487","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-best-practices-and-tutorials","category-couchbase-mobile","category-javascript","category-n1ql-query","tag-angular","tag-javascript","tag-mapreduce","tag-nativescript"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.9 (Yoast SEO v25.9) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Key-value NativeScript with Couchbase application<\/title>\n<meta name=\"description\" content=\"Learn how to take your key-value NativeScript with Couchbase application by adding MapReduce view queries for querying data based on document properties.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.couchbase.com\/blog\/pt\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Querying for Couchbase Documents in a NativeScript Angular Mobile Application\" \/>\n<meta property=\"og:description\" content=\"Learn how to take your key-value NativeScript with Couchbase application by adding MapReduce view queries for querying data based on document properties.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.couchbase.com\/blog\/pt\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/\" \/>\n<meta property=\"og:site_name\" content=\"The Couchbase Blog\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/thepolyglotdeveloper\" \/>\n<meta property=\"article:published_time\" content=\"2017-01-09T15:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-14T03:15:29+00:00\" \/>\n<meta name=\"author\" content=\"Nic Raboy, Developer Advocate, Couchbase\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@nraboy\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nic Raboy, Developer Advocate, Couchbase\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/\"},\"author\":{\"name\":\"Nic Raboy, Developer Advocate, Couchbase\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/#\/schema\/person\/bb545ebe83bb2d12f91095811d0a72e1\"},\"headline\":\"Querying for Couchbase Documents in a NativeScript Angular Mobile Application\",\"datePublished\":\"2017-01-09T15:00:00+00:00\",\"dateModified\":\"2025-06-14T03:15:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/\"},\"wordCount\":1204,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2022\/11\/couchbase-nosql-dbaas.png\",\"keywords\":[\"Angular\",\"javascript\",\"MapReduce\",\"nativescript\"],\"articleSection\":[\"Best Practices and Tutorials\",\"Couchbase Mobile\",\"JavaScript\",\"SQL++ \/ N1QL Query\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.couchbase.com\/blog\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/\",\"url\":\"https:\/\/www.couchbase.com\/blog\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/\",\"name\":\"Key-value NativeScript with Couchbase application\",\"isPartOf\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2022\/11\/couchbase-nosql-dbaas.png\",\"datePublished\":\"2017-01-09T15:00:00+00:00\",\"dateModified\":\"2025-06-14T03:15:29+00:00\",\"description\":\"Learn how to take your key-value NativeScript with Couchbase application by adding MapReduce view queries for querying data based on document properties.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.couchbase.com\/blog\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/#primaryimage\",\"url\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2022\/11\/couchbase-nosql-dbaas.png\",\"contentUrl\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2022\/11\/couchbase-nosql-dbaas.png\",\"width\":1800,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.couchbase.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Querying for Couchbase Documents in a NativeScript Angular Mobile Application\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/#website\",\"url\":\"https:\/\/www.couchbase.com\/blog\/\",\"name\":\"The Couchbase Blog\",\"description\":\"Couchbase, the NoSQL Database\",\"publisher\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.couchbase.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/#organization\",\"name\":\"The Couchbase Blog\",\"url\":\"https:\/\/www.couchbase.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2023\/04\/admin-logo.png\",\"contentUrl\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2023\/04\/admin-logo.png\",\"width\":218,\"height\":34,\"caption\":\"The Couchbase Blog\"},\"image\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/#\/schema\/person\/bb545ebe83bb2d12f91095811d0a72e1\",\"name\":\"Nic Raboy, Developer Advocate, Couchbase\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/#\/schema\/person\/image\/8863514d8bed0cf6080f23db40e00354\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/bedeb68368d4681aca4c74fe5f697f0c423b80d498ec50fd915ba018b72c101f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/bedeb68368d4681aca4c74fe5f697f0c423b80d498ec50fd915ba018b72c101f?s=96&d=mm&r=g\",\"caption\":\"Nic Raboy, Developer Advocate, Couchbase\"},\"description\":\"Nic Raboy is an advocate of modern web and mobile development technologies. He has experience in Java, JavaScript, Golang and a variety of frameworks such as Angular, NativeScript, and Apache Cordova. Nic writes about his development experiences related to making web and mobile development easier to understand.\",\"sameAs\":[\"https:\/\/www.thepolyglotdeveloper.com\",\"https:\/\/www.facebook.com\/thepolyglotdeveloper\",\"https:\/\/x.com\/nraboy\"],\"url\":\"https:\/\/www.couchbase.com\/blog\/pt\/author\/nic-raboy-2\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Key-value NativeScript with Couchbase application","description":"Saiba como levar seu aplicativo NativeScript de valor-chave com Couchbase adicionando consultas de visualiza\u00e7\u00e3o MapReduce para consultar dados com base nas propriedades do documento.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.couchbase.com\/blog\/pt\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/","og_locale":"pt_BR","og_type":"article","og_title":"Querying for Couchbase Documents in a NativeScript Angular Mobile Application","og_description":"Learn how to take your key-value NativeScript with Couchbase application by adding MapReduce view queries for querying data based on document properties.","og_url":"https:\/\/www.couchbase.com\/blog\/pt\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/","og_site_name":"The Couchbase Blog","article_author":"https:\/\/www.facebook.com\/thepolyglotdeveloper","article_published_time":"2017-01-09T15:00:00+00:00","article_modified_time":"2025-06-14T03:15:29+00:00","author":"Nic Raboy, Developer Advocate, Couchbase","twitter_card":"summary_large_image","twitter_creator":"@nraboy","twitter_misc":{"Written by":"Nic Raboy, Developer Advocate, Couchbase","Est. reading time":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.couchbase.com\/blog\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/#article","isPartOf":{"@id":"https:\/\/www.couchbase.com\/blog\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/"},"author":{"name":"Nic Raboy, Developer Advocate, Couchbase","@id":"https:\/\/www.couchbase.com\/blog\/#\/schema\/person\/bb545ebe83bb2d12f91095811d0a72e1"},"headline":"Querying for Couchbase Documents in a NativeScript Angular Mobile Application","datePublished":"2017-01-09T15:00:00+00:00","dateModified":"2025-06-14T03:15:29+00:00","mainEntityOfPage":{"@id":"https:\/\/www.couchbase.com\/blog\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/"},"wordCount":1204,"commentCount":0,"publisher":{"@id":"https:\/\/www.couchbase.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.couchbase.com\/blog\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/#primaryimage"},"thumbnailUrl":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2022\/11\/couchbase-nosql-dbaas.png","keywords":["Angular","javascript","MapReduce","nativescript"],"articleSection":["Best Practices and Tutorials","Couchbase Mobile","JavaScript","SQL++ \/ N1QL Query"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.couchbase.com\/blog\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.couchbase.com\/blog\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/","url":"https:\/\/www.couchbase.com\/blog\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/","name":"Key-value NativeScript with Couchbase application","isPartOf":{"@id":"https:\/\/www.couchbase.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.couchbase.com\/blog\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/#primaryimage"},"image":{"@id":"https:\/\/www.couchbase.com\/blog\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/#primaryimage"},"thumbnailUrl":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2022\/11\/couchbase-nosql-dbaas.png","datePublished":"2017-01-09T15:00:00+00:00","dateModified":"2025-06-14T03:15:29+00:00","description":"Saiba como levar seu aplicativo NativeScript de valor-chave com Couchbase adicionando consultas de visualiza\u00e7\u00e3o MapReduce para consultar dados com base nas propriedades do documento.","breadcrumb":{"@id":"https:\/\/www.couchbase.com\/blog\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.couchbase.com\/blog\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.couchbase.com\/blog\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/#primaryimage","url":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2022\/11\/couchbase-nosql-dbaas.png","contentUrl":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2022\/11\/couchbase-nosql-dbaas.png","width":1800,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/www.couchbase.com\/blog\/querying-for-couchbase-documents-in-a-nativescript-angular-mobile-application\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.couchbase.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Querying for Couchbase Documents in a NativeScript Angular Mobile Application"}]},{"@type":"WebSite","@id":"https:\/\/www.couchbase.com\/blog\/#website","url":"https:\/\/www.couchbase.com\/blog\/","name":"Blog do Couchbase","description":"Couchbase, o banco de dados NoSQL","publisher":{"@id":"https:\/\/www.couchbase.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.couchbase.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/www.couchbase.com\/blog\/#organization","name":"Blog do Couchbase","url":"https:\/\/www.couchbase.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.couchbase.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2023\/04\/admin-logo.png","contentUrl":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2023\/04\/admin-logo.png","width":218,"height":34,"caption":"The Couchbase Blog"},"image":{"@id":"https:\/\/www.couchbase.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.couchbase.com\/blog\/#\/schema\/person\/bb545ebe83bb2d12f91095811d0a72e1","name":"Nic Raboy, defensor dos desenvolvedores, Couchbase","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.couchbase.com\/blog\/#\/schema\/person\/image\/8863514d8bed0cf6080f23db40e00354","url":"https:\/\/secure.gravatar.com\/avatar\/bedeb68368d4681aca4c74fe5f697f0c423b80d498ec50fd915ba018b72c101f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bedeb68368d4681aca4c74fe5f697f0c423b80d498ec50fd915ba018b72c101f?s=96&d=mm&r=g","caption":"Nic Raboy, Developer Advocate, Couchbase"},"description":"Nic Raboy \u00e9 um defensor das modernas tecnologias de desenvolvimento m\u00f3vel e da Web. Ele tem experi\u00eancia em Java, JavaScript, Golang e uma variedade de estruturas, como Angular, NativeScript e Apache Cordova. Nic escreve sobre suas experi\u00eancias de desenvolvimento relacionadas a tornar o desenvolvimento m\u00f3vel e da Web mais f\u00e1cil de entender.","sameAs":["https:\/\/www.thepolyglotdeveloper.com","https:\/\/www.facebook.com\/thepolyglotdeveloper","https:\/\/x.com\/nraboy"],"url":"https:\/\/www.couchbase.com\/blog\/pt\/author\/nic-raboy-2\/"}]}},"authors":[{"term_id":9032,"user_id":63,"is_guest":0,"slug":"nic-raboy-2","display_name":"Nic Raboy, Developer Advocate, Couchbase","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/bedeb68368d4681aca4c74fe5f697f0c423b80d498ec50fd915ba018b72c101f?s=96&d=mm&r=g","author_category":"","last_name":"Raboy","first_name":"Nic","job_title":"","user_url":"https:\/\/www.thepolyglotdeveloper.com","description":"Nic Raboy \u00e9 um defensor das modernas tecnologias de desenvolvimento m\u00f3vel e da Web. Ele tem experi\u00eancia em Java, JavaScript, Golang e uma variedade de estruturas, como Angular, NativeScript e Apache Cordova. Nic escreve sobre suas experi\u00eancias de desenvolvimento relacionadas a tornar o desenvolvimento m\u00f3vel e da Web mais f\u00e1cil de entender."}],"_links":{"self":[{"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/posts\/2487","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/users\/63"}],"replies":[{"embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/comments?post=2487"}],"version-history":[{"count":0,"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/posts\/2487\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/media\/13873"}],"wp:attachment":[{"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/media?parent=2487"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/categories?post=2487"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/tags?post=2487"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/ppma_author?post=2487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}