Jump to content

Search the Community

Showing results for tags 'angular'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 38 results

  1. Guilherme Costa Lopes

    Agm-map dando erro em localhost e no servidor

    Estou usando o AgmCoreModule, para marcar endereços no google maps. No module, no import imports: [ AgmCoreModule.forRoot({ apiKey: 'xxxxxxxxxxx' }), ] no export exports: [ AgmCoreModule ] No ts texto = 'teste'; lat = -19.91506; lng = -44.00752; zoom = 15; No html <agm-map [latitude]="lat" [zoom]="zoom" [longitude]="lng"> <agm-marker [latitude]="lat" [longitude]="lng"></agm-marker> </agm-map> A principio ele mostra Mas depois dá este erro Ou este erro No servidor está dando este erro. O Chave key está liberada main.cb562ea7df40e3f09b5f.bundle.js:2 Refused to load the script 'https://maps.googleapis.com/maps/api/js?v=quarterly&callback=agmLazyMapsAPILoader&key=AIzaSyCD54jiJhEBda5MtJkgFJB-hfR6dv5V9jw&language=pt' because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-inline' 'unsafe-eval' https://storage.googleapis.com". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback. main.cb562ea7df40e3f09b5f.bundle.js:2 ERROR Error: Uncaught (in promise): Event: {"isTrusted":true} at x (main.cb562ea7df40e3f09b5f.bundle.js:2) at x (main.cb562ea7df40e3f09b5f.bundle.js:2) at main.cb562ea7df40e3f09b5f.bundle.js:2 at e.invokeTask (main.cb562ea7df40e3f09b5f.bundle.js:2) at Object.onInvokeTask (main.cb562ea7df40e3f09b5f.bundle.js:2) at e.invokeTask (main.cb562ea7df40e3f09b5f.bundle.js:2) at t.runTask (main.cb562ea7df40e3f09b5f.bundle.js:2) at y (main.cb562ea7df40e3f09b5f.bundle.js:2) at t.invokeTask [as invoke] (main.cb562ea7df40e3f09b5f.bundle.js:2) at u (main.cb562ea7df40e3f09b5f.bundle.js:2) O que pode ser ?
  2. Guilherme Costa Lopes

    Download de qualquer arquivo em angular 9

    component download(idArquivo: number): void { this.arquivosService.downloadArquivoOrcamento(idArquivo).subscribe( data => { const blob = new Blob([data.arquivo], { type: 'text/json; charset=utf-8' }); const url= window.URL.createObjectURL(blob); window.open(url); }, err => { console.error(err); } ) } Service import { HttpClient, HttpHeaders } from '@angular/common/http'; import { Injectable } from '@angular/core'; import { SERVER_API_URL } from 'app/app.constants'; import { Observable } from 'rxjs'; @Injectable({ providedIn: 'root' }) export class ArquivosService { constructor( private http: HttpClient ) {} downloadArquivoOrcamento(id: number, tipo: string): Observable<any> { return this.http.get(SERVER_API_URL + '/api/orcamento-anexo/' + id, { responseType: 'blob', headers: new HttpHeaders().append('Content-Type', tipo) }); } } Retorno do backend Não retorna o arquivo conforme imagem anterior Dowload com erro Já pesquisei e fiz alguma alteração, mas não achei a solução. O que quero é simples. O arquivo vem do backend em bytesm nome e content-type. Só quero fazer o dowload. O que pode ser ?
  3. Senhores, boa tarde.Pesquisei muito antes de abrir esse post, inclusive aqui, neste fórum. Encontrei dúvidas parecidas as quais tentei adaptar ao meu caso porem sem sucesso.A questão é a seguinte:Foi desenvolvida uma API em ASP.NET Core 2.0, mas por algumas solicitações do cliente, necessitei migrar para a versão 3.1. Existe uma SPA em Angular 7 que faz a requisição à API através de um método POST passando os parâmetros para a API que retornava um conjunto de dados para aplicação montar a tela. Após a atualização parou de funcionar! Por isso, gostaria de pedir a ajuda de vocês, por que, eu já esgotei as minhas tentativas.**No Controller da API está da seguinte maneira:** 1 2 3 4 5 6 7 8 [HttpPost] [Route("api/[controller]")] public IGResult Post(Filtro filtro) { Console.WriteLine("filtro: " + filtro); var app = new IgApplication(); return app.getInstrucoes(filtro); } **E no angular se encontra dessa forma:** 1 return this._http.post<IgResult>(environment.url + 'api/IG', this.Filtro, options) Ao debugar a API, percebo que os dados do parâmetro **body** chegam nulos. Já tentei das seguintes maneiras abaixo, mudar a implementação do POST na API porém sem sucesso: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 > //public async Task<IActionResult> Post([FromBody] Filtro pessoa) > //public HttpResponseMessage Post(Filtro pessoa) > //public async Task<ActionResult<IList<Todo>>> Create([FromBody]TodoCreateViewModel model) > //public Task<IActionResult> Post([FromBody] Filtro filtro) > //public ActionResult<Filtro> Post([FromBody] Filtro filtro) > //public HttpResponseMessage Post(Filtro filtro) > //public string Post([FromBody] Filtro filtro) > //public IActionResult Post([FromBody] Filtro filtro) > //{ > //var app = new IgApplication(); > //return app.getInstrucoes(filtro); > //return null;// Json(filtro); > //} > //public async System.Threading.Tasks.Task<string> Post(HttpRequestMessage request) > //{ > // string body = await request.Content.ReadAsStringAsync(); > // return body; > //} Por isso se possível, gostaria muito de contar com a colaboração de vocês.Desde já muito obrigado!
  4. Senhores, bom dia. Mais uma vez recorro a ajuda de vocês para algo que não domino ainda. Vamos lá! Tenho uma API que quando startada, ela sobe no seguinte endereço: http://localhost:49013/api/values. Percebi que isto é parametrizado no arquivo launchSettings.json, que está assim: { "iisSettings": { "windowsAuthentication": false, "anonymousAuthentication": true, "iisExpress": { "applicationUrl": "http://localhost:49013/", "sslPort": 0 } }, "profiles": { "IIS Express": { "commandName": "IISExpress", "launchBrowser": true, "launchUrl": "api/values", "environmentVariables": { "ASPNETCORE_ENVIRONMENT": "Development" } }, "Cliente.IG.WebAPI": { "commandName": "Project", "launchBrowser": true, "launchUrl": "api/values", "environmentVariables": { "ASPNETCORE_ENVIRONMENT": "Development" }, "applicationUrl": "http://localhost:49012/" } } } No meu controller da API, tenho seguinte método dentro do namespace: [Produces("application/json")] [Route("api/IG")] [ApiController] public class IGController : Controller { [HttpPost] public IGResult Post([FromBody] Filtro filtro) { var app = new IgApplication(); return app.getInstrucoes(filtro); } } O "IgApplication" cria uma instância da classe onde é gerado uma lista que é populada com os valores atribuídos do DAO. Quando inicializo a aplicação "A" em angular através do localhost (http://localhost:4200/). Dentro do meu arquivo environment.prod.ts tenho a chamada: export const environment = { production: true, url: 'http://localhost:49013/' }; Ela passa por esse controller e segue o fluxo e faz o que tem que ser feito. Porém, eis a questão! Eu possuo a aplicação "B", que acessa a mesma API porém possui funcionalidades diferente, por isso, dentro do mesmo controller eu criei uma nova classe e um método: [Produces("application/json")] [Route("api/Item")] public class APIIgItemController : Controller { [HttpGet] public ItensResult Post([FromBody] Itens ValorItem) { var app = new CRUDApplication(); return app.GetItens(); } } Como faço para quando for startar a aplicação "B", ele passe por esse método "ItensResult" ao invés "IGResult", sendo que ambas são executadas pelo localhost:4200? Ou isso eu defino na aplicação angular? Vi que é possível configurar mais de uma "applicationUrl" dentro do json. Devo considerar essa configuração? Grato a quem puder ajudar!
  5. Eu estou fazendo um projeto de CRUD consumindo uma API Restfull com banco de dados mongoDB para uma teste de vaga de emprego, eu fiz a aplicação e ela roda sem erros nenhum, porém ao adicionar o registro do post ele não está adicionando o registro no banco de dados? Eu não consegui realmente encontrar o erro do por que isto está acontencendo ou por que? eu gostaria muito de alguém me ajudasse. https://github.com/brunopeople/Teste-RedFox-Full-Stack
  6. Boa tarde, Estou tendo dificuldade pra carregar uma tela de edição de usuários, mais especificamente pra carregar os perfis, que são dinâmicos e apresentados como checkboxes. Eu tenho essa três entidades: Usuário: export class Usuario { id: number; nome: string; telefone: string; email: string; } Perfil: export class Perfil { id: number; nome: string; } UsuarioPerfil (tabela que relaciona quais perfis o usuário tem) export class UsuarioPerfil { id: number; idUsuario: number; idPerfil: number; } Inicialmente eu carrego todos os perfis da base e os apresento como checkboxes no trecho de ngOnInit abaixo. São apresentados assim no banco, por exemplo: ID_USUARIO ID_PERFIL 98 8 98 9 Isso quer dizer que o usuário 98 tem os perfis de Usuario(8) e N1(9). Então eu gostaria de alguma maneira de, conforme eu for iterando os checkboxes no loop do html eu chamasse a função do spring passando so id do perfil e o id do usuário (98) e (caso voltasse ok do serviço (quando passar 8 e 9, que são os que existem), eu marcasse o checkbox como “checked”. Ou alguma outra solução mais adequada. Como eu poderia fazer isso? HTML: <h3>Alterar Usuario</h3> <div [hidden]="submitted" style="width: 400px;"> <form (ngSubmit)="onSubmit()"> <div class="form-group"> <label for="name">Nome</label> <input type="text" class="form-control" id="nome" required [(ngModel)]="usuario.nome" name="nome"> </div> <div class="form-group"> <label for="telefone">Telefone</label> <input type="text" class="form-control" id="telefone" required [(ngModel)]="usuario.telefone" name="telefone"> </div> <div class="form-group"> <label for="email">Email</label> <input type="text" class="form-control" id="email" required [(ngModel)]="usuario.email" name="email"> </div> <h4>Perfis</h4> <table class="table table-striped"> <thead> </thead> <tbody> <tr *ngFor="let perfil of perfilData"> <input type='checkbox' id="perfil{{perfil.id}}" > {{perfil.nome}} </tr> </tbody> </table> <button type="submit" class="btn btn-success">Submit</button> </form> </div> TS: import { Component, OnInit } from '@angular/core'; import { Usuario } from '../usuario'; import { ActivatedRoute, Router } from '@angular/router'; import { UsuarioService } from '../usuario.service'; import { PerfilService } from './../perfil.service'; import { Perfil } from "./../perfil"; import { UsuarioPerfilService } from './../usuarioperfil.service'; @Component({ selector: 'app-update-usuario', templateUrl: './update-usuario.component.html', styleUrls: ['./update-usuario.component.css'] }) export class UpdateUsuarioComponent implements OnInit { id: number; usuario: any; perfisservico: Observable<Perfil[]>; perfilData:any=[]; constructor(private route: ActivatedRoute,private router: Router, private usuarioService: UsuarioService, private perfilService: PerfilService, private usuarioperfilService: UsuarioPerfilService) { } ngOnInit() { this.usuario = new Usuario(); this.id = this.route.snapshot.params['id']; this.usuarioService.getUsuario(this.id) .subscribe(data => { console.log(data) this.usuario = data; }, error => console.log(error)); this.perfilService.getPerfisList() .subscribe(res=> { if (res) { this.perfisservico= res; this.perfilData = this.perfisservico; } }) } updateUsuario() { this.usuarioService.updateUsuario(this.id, this.usuario) .subscribe(data => console.log(data), error => console.log(error)); this.usuario = new Usuario(); this.gotoList(); } onSubmit() { this.updateUsuario(); } gotoList() { this.router.navigate(['/usuarios']).then(() => { window.location.reload(); }); } }
  7. ckcesar

    Gerando uma build no Angular

    Galera alguém pode me ajudar, eu gerei uma Build com AngularCli e tento rodar ela com o Cordova e ao inspecionar no Chrome me retorna o seguinte erro no console: main-es2015.7678d805abc29502169b.js:1 Service worker registration failed with: TypeError: Failed to register a ServiceWorker: The URL protocol of the current origin ('file://') is not supported. at g._next (main-es2015.7678d805abc29502169b.js:1) at g.__tryOrUnsub (main-es2015.7678d805abc29502169b.js:1) at g.next (main-es2015.7678d805abc29502169b.js:1) at f._next (main-es2015.7678d805abc29502169b.js:1) at f.next (main-es2015.7678d805abc29502169b.js:1) at Kl._next (main-es2015.7678d805abc29502169b.js:1) at Kl.next (main-es2015.7678d805abc29502169b.js:1) at Dl._next (main-es2015.7678d805abc29502169b.js:1) at Dl.next (main-es2015.7678d805abc29502169b.js:1) at G.notifyNext (main-es2015.7678d805abc29502169b.js:1)
  8. ckcesar

    Rotas em Angular

    Alguém poderia me ajudar com rotas no Angular cli... Eu preciso descobrir um evento que trata a seta voltar do Android, exemplo estou na minha home e se eu for na seta do Android eu volto na minha outra tela de navegação e eu não quero que isso aconteça, quando clicar em voltar eu quero que permaneça na mesma home.. As rotas de trocar de tela eu já fiz, o meu problema mesmo é no voltar.
  9. Cesar Melo

    O que estudar para PHP full stack?

    Olá. Gostaria de uma opinião sobre onde focar meus estudos para trabalhar com PHP. Atualmente tenho conhecimentos com a linguagem PHP, e os seguintes frameworks: Bootstrap e Jquery. Recentemente fiz um curso de Laravel+materialize e gostei muito desse framework. Meu primeiro contato com framework para backend e pretendo utilizar o Laravel daqui pra frente nos meus estudos. Minha questão é a seguinte, quero dar continuidade aos meus estudos para me qualificar para o mercado de trabalho, mas não sei exatamente os próximos cursos que vou estudar. Não sei se atualmente há uma combinação de frameworks mais utilizada ou requisitada no mercado de trabalho. Ex: Laravel+vue+bootstrap, ou laravel+angularjs+materialize, tipo isso. Dei uma pesquisada no google e youtube, e notei que não há muito conteúdo de cursos por exemplo de Laravel+angularjs. Procurando algumas vagas de emprego, notei que há grande procurar para profissionais com qualificação em Laravel, e tambem grande procura para profissionais com qualificação em AngularJs, porém vagas distintas. Acho que não vi nenhuma vaga que peça Laravel+AngularJs. Alguém aí pode me passar uma visão ou dar sua opinião sobre isso, para eu focar meus estudos? Alguém sabe o que andam usando bastante? Ou que seja indicado de trabalhar em conjunto com PHP? Ah, uma observação... atualmente meu foco são de projetos voltados para sistemas, admin, etc. Não tenho muito perfil para projetos de marketing ou que exijam um frontend "lindo". rsrs. Grato...
  10. Estou começando no desenvolvimento Angular com Node js, e estou preocupado com a seguinte questão: Para sites que necessitam de atualização e acréscimo de conteúdo constante como em um portal de noticias ou um e-commerce de porte médio para grande, Ter que ficar dando Build em toda aplicação sempre que tiver um pequena alteração no site, é meio despendioso não acham? Qual seria a solução para isso? ou não existe solução e o melhor é partir para sites Multi-Pages?
  11. Estou fazendo assim: paginacao.service.ts import { Injectable, EventEmitter } from '@angular/core'; @Injectable({ providedIn: 'root' }) export class PaginacaoService { public static modelo = new EventEmitter<any>(); public static primeiraPagina = new EventEmitter<any>(); public static paginaAnterior = new EventEmitter<any>(); public static proximaPagina = new EventEmitter<any>(); public static ultimaPagina = new EventEmitter<any>(); public static paginaAtual = new EventEmitter<any>(); public static totalPagina = new EventEmitter<any>(); public static totalRegistros = new EventEmitter<any>(); } paginacao.component.ts import { Component, OnInit } from '@angular/core'; import { PaginacaoService } from '../../../service/paginacao/paginacao.service'; @Component({ selector: 'app-paginacao', templateUrl: './paginacao.component.html', styleUrls: ['./paginacao.component.css'] }) export class PaginacaoComponent implements OnInit { /** * variáveis de paginação */ public totalPagina: number; public totalRegistros: number; public paginaAtual: number; public modelo: any; constructor( protected paginacaoService: PaginacaoService ) {} ngOnInit() { this.preencherVariaveisComponente(); } private preencherVariaveisComponente() { PaginacaoService.paginaAtual.subscribe( paginaAtual => { this.paginaAtual = paginaAtual; } ); } } paginacao.component.html Página <b>{{paginaAtual}}</b> de <b>{{totalPagina}}</b> - Total de Registros: <b>{{totalRegistros}}</b> A variável nunca é atualizada, mesmo o serviço trazer o valor, conforme imagem: Se preencho valor assim: this.paginaAtual = 1; PaginacaoService.paginaAtual.subscribe( paginaAtual => { this.paginaAtual = paginaAtual; } ); Funciona, mas se o valor vier pelo servico, conforme imagem, não funciona. O que pode ser ?
  12. o problema é o seguinte eu criei um gráfico e agora quero buscar dados mas so consigo por a funcionar se por assim estou a usar o angular 7, nodejs e mongodb let TotalSell = function() { var data = { labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], datasets: [{ label: 'My First dataset', fillColor: 'rgba(220,220,220,0.2)', strokeColor: 'rgba(220,220,220,1)', pointColor: 'rgba(220,220,220,1)', pointStrokeColor: '#fff', pointHighlightFill: '#fff', pointHighlightStroke: 'rgba(220,220,220,1)', data: [65, 59, 80, 81, 56, 55, 40, 84, 64, 120, 132, 87] }] }; var options = { maintainAspectRatio: false, // Sets the chart to be responsive responsive: true, ///Boolean - Whether grid lines are shown across the chart scaleShowGridLines: true, //String - Colour of the grid lines scaleGridLineColor: 'rgba(0,0,0,.05)', //Number - Width of the grid lines scaleGridLineWidth: 1, //Boolean - Whether the line is curved between points bezierCurve: false, //Number - Tension of the bezier curve between points bezierCurveTension: 0.4, //Boolean - Whether to show a dot for each point pointDot: true, //Number - Radius of each point dot in pixels pointDotRadius: 4, //Number - Pixel width of point dot stroke pointDotStrokeWidth: 1, //Number - amount extra to add to the radius to cater for hit detection outside the drawn point pointHitDetectionRadius: 20, //Boolean - Whether to show a stroke for datasets datasetStroke: true, //Number - Pixel width of dataset stroke datasetStrokeWidth: 2, //Boolean - Whether to fill the dataset with a colour datasetFill: true, // Function - on animation progress onAnimationProgress: function() { }, // Function - on animation complete onAnimationComplete: function() { }, //String - A legend template legendTemplate: '<ul class="tc-chart-js-legend"><% for (var i=0; i<datasets.length; i++){%><li><span style="background-color:<%=datasets[i].strokeColor%>"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>' }; // Get context with jQuery - using jQuery's .get() method. var ctx = $("#TotalSell").get(0).getContext("2d"); // This will get the first returned node in the jQuery collection. var chart1 = new Chart(ctx).Line(data, options); //generate the legend var legend = chart1.generateLegend(); //and append it to your page somewhere $('#TotalSellLegend').append(legend); }; <div class="col-sm-6"> <h5 class="over-title margin-bottom-15" style="text-align:center;">Total Sell</h5> <canvas id="TotalSell" class="full-width"></canvas> <div class="margin-top-20"> <div class="inline pull-left"> <div id="TotalSellLegend" class="chart-legend"></div> </div> </div> </div> o meu problema é como ponho a mostrar dados sem inserir dados aqui data: [65, 59, 80, 81, 56, 55, 40, 84, 64, 120, 132, 87] }] o meu objectivo é quando por a minha base de dados ele for buscar los a minha base de dados ou seja não quero ter que inserir manualmente no data:[] basicamente quero passar de dados staticos para dinamicos o que estou a fazer de errado
  13. Edgard Hufelande

    Sugestão sobre criptografia de senha

    Estou desenvolvendo um app que será aberto ao público pra atender a necessidade de um município... As senhas no banco estou salvando criptografadas usando Bcrypt, porém tenho uma dúvida no lado cliente, tenho uma API Rest para comunicação entre o app e o servidor, no momento do login ou do cadastro eu já deveria enviar essa senha criptografada na requisição ou envio a senha normal e criptografo no lado do servidor? Resumindo, não quero uma solução, quero uma sugestão sobre se devo criptografar a senha no lado cliente ou no lado servidor. Desde já grato pela atenção.
  14. rdpacato

    SQL símbolo grego teta

    Olá pessoal tudo bom? Temos uma aplicação aqui no trabalho onde geramos algumas telas em angularjs e guardamos em banco de dados para termos um fluxo fácil de implantação em ambiente produtivo. Só que ao adicionar a tela ao banco de dados (SQL) ele converte o símbolo grego teta que é utilizado no angular, em um código &#239; e depois quando solicitamos essa tela do banco, fica com esse código &#239; e logicamente, não funciona a tela. Alguém saberia me dizer como posso fazer o SQL não converter esse símbolo grego?
  15. luiz_paulo_andrade

    Download dentro de um iframe no android

    Estou desenvolvendo um app com ionic que tem uma página webview dentro de um iframe, nessa webview existe um botão de download que funciona normalmente no browser, mas no android não funciona. Creio que o Android esteja bloqueando esse download, gostaria de saber como habilitar para que o download seja feito diretamente, como faz no browser.
  16. Eu estou criando um aplicativo em que embaixo do conteúdo da página eu tenho a opção do usuário fazer um comentário. Estou usando o firebase para fazer cadastro e login e já até consegui gravar a mensagem no banco de dados, mas só ela, precisava colocar o nome do usuário ou username, e a data que o comentário foi feito.------------------ Meu html está assim: <ion-content #content id="content"> <ion-card *ngFor="let message of messages"> <ion-card-header> {{message.nome}} </ion-card-header> <ion-card-content> {{message.mensagem}} </ion-card-content> <ion-footer> <ion-toolbar> <ion-input placeholder="Comente algo..." [(ngModel)]="message"></ion-input> <ion-buttons end> <button ion-button icon-right (click)="sendMessage()"> Enviar <ion-icon name="send"></ion-icon> </button> </ion-buttons> --------------------------meu ts está assim: export class Cap1SegObsPage { @ViewChild("content") content: any; username: string message: string = "" messages = []; constructor(public navCtrl: NavController) { this.getMessages(); } getMessages(){ var messagesRef = firebase.database().ref().child("mensSegObsCap1"); messagesRef.on("value", (snap) => { var data = snap.val(); this.messages = []; for(var key in data){ this.messages.push(data[key]); } this.scrollToBottom(); }); } scrollToBottom(){ var contentEnd = document.getElementById("content-end").offsetTop; this.content.scrollTo(0, contentEnd, 300); } sendMessage(){ var messagesRef = firebase.database().ref().child("mensSegObsCap1"); messagesRef.push({mensagem: this.message, nome: this.username}); this.message = ""; } }
  17. Pessoal, alguém conhece alguma consultoria de Angular em São Paulo? Mas tem que entender muito de angular, não é algo simples que preciso, por isso teria que vir pessoalmente na empresa onde trabalho.
  18. Neste curso serão apresentados os principais recursos do Angular na prática. Para isso, por meio de exemplos, serão exploradas as principais funcionalidades desse framework, possibilitando o conhecimento necessário para saber como criar, desenvolver e utilizar componentes, serviços, rotas e diretivas. O Angular pode ser usado para a criação de aplicações para a Web, Desktop e Mobile, embora sua maior utilização ocorra para aplicações web.
  19. Gostaria de uma solução segura para desenvolver um algoritmo que valide o acesso dos clientes que fazem o uso da minha aplicação, depois de algumas pesquisas não consegui encontrar algo que pareça se adequar com o que preciso. Possuo uma aplicação em que uso Angular 5, Node.js, Firebase e preciso gerar uma chave de acesso para cada usuário, sendo que essa chave de acesso deverá expirar depois de um determinado tempo, sendo assim o usuário deverá solicitar uma nova chave de acesso com nova validade. No sistema quando o usuário ir em configurações, deverá exibir o plano que ele contratou com a chave de acesso e a validade. Como posso fazer isso em uma aplicação Angular da forma mais correta e segura?
  20. Pessoal, Boa Tarde !!! Gostaria de uma ajuda para uma solução que estou criando de forma bem amadora, pois não sou programador de profissão. Estou utilizando o MS Visual Studio para criar formulários em páginas Asp.Net com a linguagem VB.Net por estar mais familiazarizado com VBA do Excel. Já consegui fazer algumas coisas com por exemplo construir a página e os controles de validação de campos, porém preciso fazer a conexão e regras de consulta com banco de dados. Acontece que, a base de dados do sistema utilizado esta em Access, por uma série de limitações de um outro sistema que utiliza este banco. Como não sou Expert em programação, os melhores exemplos dessa ligação estão em linguagem PHP, ou conexões com outros bancos de dados. O que eu gostaria de fazer, e se possível pudesse analisar algum projeto disponível na seguinte condição; Uma solução para me conectar com o banco de dados Access via JSON e trazer estes dados para poder trabalhar com Angular ou até com as opções de controles ASp.net. Eu não estou conseguindo identificar como eu passo os dados coletados na consulta JSON para uma tabela html ou aplicar filtros na consulta, pois os melhores exemplos de gráficos, utilização de filtros, etc, são utilizando tags html e Angular. Segue anexo uma imagem de exemplo do que eu imagino. Desde já agradeço a atenção e desculpe qualquer coisa sem sentido nessa história.....rsrs Hugo Santos
  21. Olá , vou realizar um exemplo para demonstrar minha duvida.. Vamos supor que tenho um App que agenda uma tarefa por data e hora, esse agendamento é realizado por 1 usuário. Outros usuários também poderão ver a tarefa agendada por esse usuário. Se meu usuário agendou uma tarefa "X" para o dia 20 de outubro de 2017 às 20:00, é possível enviar uma notificação push 1 hora antes? ou até mesmo o tempo que eu quiser para ele confirmar essa tarefa?
  22. Estou desenvolvendo uma aplicação com Angular Cli, estou acompanhado um curso onde ele cria os arrays e cadastra no localStorage do naveador. Mas eu queria fazer diferente, quero chamar uma api, ler esse json e alimentar meu HTML. No app.module.ts importei o HttpClientModule e no meu component.ts coloquei o seguinte: import { Component, OnInit } from '@angular/core'; import { HttpClient } from '@angular/common/http'; @Component({ selector: 'app-listar', templateUrl: './listar.component.html', styleUrls: ['./listar.component.css'] }) export class ListarComponent implements OnInit { itensJson: string[]; constructor(private http: HttpClient) { } ngOnInit() { const Key = "2hKjRWO84XXPqnffl8lPZW1WCXbSyQj8q5VDpECf"; this.http.get('https://api.com?api_key='+Key).subscribe(data => { this.itensJson = data['itensJson']; }); } } Só que agora eu não sei como manipular isso. No HTML no tr eu coloquei assim: <tr *ngFor="let itensJson of itens"> <td>{{ itens.nome }}</td> </tr> Mas não exibe nada e eu não sei como eu poderia debugar o retorno do Json, estou estudando as sintaxe do Angular, mas não tenho dificuldades em Javascript. Só quero aprender de forma correta a usar o Angular. Abraços e obrigado!
  23. Guilherme Luiz

    Duvidas com o ng-repeat Angular

    Olá pessoal, EStou com probleminha com o ng-repeat do angular. Acontece que terei uma lista de paises com seu respectivo DDI que virá de uma consulta no mySql. Essa lista será impressa num selectbox para o usuario escolher o pais. Com os seguintes códigos abaixo, eu tenho os objetos JSON no console, mas não tenho os option impressos no select. Alguém consegue me ajudar com isso? Segue o HTML do meu select <div ng-controller="countryList"> <select data-placeholder="Selecione o País" multiple class="chosen-select-country form-control" tabindex="2" ng-model="list"> <option value=""></option> <option data-ng-repeat="country in records" value="{{country.ddi}}">{{country.name}}</option> </select> </div> Segue meu angular.js app.controller("countryList", ['$scope','$http', function($scope,$http) { $http.get("/portal/includes/php/countryList.php") .then(function (response) { $scope.records = [{"ddi":response.data.ddi},{"name":response.data.name}]; console.log(response.data); }); }]); Segue o PHP $x[] = array("ddi" => 55, "name"=>"brasil"); $x[] = array("ddi" => 598, "name"=>"uruguai"); $json = json_encode($x); echo $json; Sem o $http eu consigo funcionar normalmente, porem, a lista terá atualização e exibição dinamica e por isso nao posso setar um json estatico. Obrigado.
  24. Quando abro a tela de um formulário me apresenta um erro: ORIGINAL EXCEPTION: Cannot read property 'cliente' of undefined Componente: <select class="form-control input-lg" formControlName="cliente" name="cliente" [(ngModel)]="usuario.cliente"> <option [ngValue]="">Selecione</option> <option *ngFor="let cliente of clientes" [ngValue]="cliente" [selected]="usuario.cliente.codigo==cliente.codigo ? true : null">{{cliente.nome}}</option> </select> Isso acontece quando tento criar um novo cadastro, se eu utilizar a opção editar, que já trás o registro preenchido, não da erro. Variável no arquivo TS: @Input() usuario: Usuario = new Usuario();
  25. bom dia pessoal estudando sobre modern web apps, angular e tals, separar em 2 projetos , onde tenho a UI apenas com HTML e JS e o acesso ao backend via web.api estava indo "tudo bem" até que cheguei na parte onde achei que ia ficar com o pé atras mesmo, autenticação e manter o usuário logado. utilizar local storage possui vários problemas de segurança em questão de alteração de dados, CSRF e XSS. utlizar cookie, bem, se ativar o HttpOnly, teoricamente nao tenho acesso a essas informações via JS. o que me leva a 2 perguntas 1)utilizar um cliente UI 100% não é seguro(isso é uma coisa que defendo a muito tempo, mas estou tentando pensar fora da caixinha), e se tiver uma aplicação na qual precisa de autenticação ou possui dados sensíveis, melhor nao seguir esse caminho 2)vcs conseguem manter a segurança de outra forma? acho que é isso falow
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.