Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''angularjs''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Todas as áreas do Fórum

  • 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

Encontrar resultados em...

Encontrar resultados que...


Data de Criação

  • Início

    FIM


Data de Atualização

  • Início

    FIM


Filtrar pelo número de...

Data de Registro

  • Início

    FIM


Grupo


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Encontrado 38 registros

  1. Eu estou montando um form para editar alguns dados, então uso o PHP/Codeigniter para montar a página com as informações. Acontece que existem umas caixas de escolha que possuem um código em AngularJS para executar uma fórmula e quando coloco o "ng-model", simplesmente some o item que deveria estar marcado. Segue parte do form abaixo: <div class="form-group"> <label>Trajetória:</label> <?php echo form_input(array('type'=>"text", 'class'=>"form-control", 'name'=>'trajetoriaform','id'=>'trajetoriaform'),$riscoBD->__get('trajetoria')); ?> </div> <div class="form-group"> <label>Frequência:</label> <?php echo form_dropdown(array('class'=>"form-control", "ng-model"=>"frequencia", "ng-change"=>"calcRisco()", 'name'=>'frequenciaform','id'=>'frequenciaform'), $frequencia, $riscoBD->__get('frequencia')); ?> </div> <div class="form-group"> <label>Probabilidade:</label> <?php echo form_dropdown(array('class'=>"form-control", "ng-model"=>"probabilidade", "ng-change"=>"calcRisco()", 'name'=>'probabilidadeform','id'=>'probabilidadeform'), $probabilidade, set_value('probabilidadeform')); ?> </div> <div class="form-group"> <label>Severidade:</label> <?php echo form_dropdown(array('class'=>"form-control", "ng-model"=>"severidade", "ng-change"=>"calcRisco()", 'name'=>'severidadeform','id'=>'severidadeform'), $severidade, set_value('severidadeform')); ?> </div> <div class="form-group"> <label>Risco:</label> <?php echo form_input(array('type'=>"text", "ng-value"=>"resultadorisco", 'class'=>"form-control", 'name'=>'riscoform','id'=>'riscoform', "ng-model"=>"risco"),set_value('riscoform')); ?> </div> Quando gera o html, ao colocar para inspecionar o código de uma das caixas o código fica assim: <div class="form-group"> <label>Frequência:</label> <select class="form-control" ng-model="frequencia" ng-change="calcRisco()" name="frequenciaform" id="frequenciaform"> <option value="? undefined:undefined ?"></option> <option value="1" selected="selected">Rara</option> <option value="2">Eventual</option> <option value="3">Habitual</option> <option value="4">Permanente</option> </select> </div> Essa linha "4" aparece do angularJS e é o que impede que apareça o valor selected. Queria saber se tem algum geito de fazer o javascript mostrar o valor que vem do PHP. Abaixo o script: var app = angular.module('risco', []); app.controller('CalculaRisco', function($scope) { $scope.frequencia; $scope.probabilidade; $scope.severidade; $scope.calcRisco = function () { var freq = parseInt ($scope.frequencia); var prob = parseInt ($scope.probabilidade); var sev = parseInt ($scope.severidade); //console.log(sev+' '+prob+' '+freq); risco = freq + prob + sev; if (risco <= 4) { $scope.risco = 'Baixo'; } else if (risco <= 7) { $scope.risco = 'M\u00e9dio'; } else if (risco <= 10) { $scope.risco = 'Alto'; } else { $scope.risco = 'Muito Alto'; } //console.log(risco+$scope.severidade); }; });
  2. Alex Gustavo Canalli de So

    AngularJS - DDD - Gráficos

    Boa noite pessoal.Estou desenvolvendo uma aplicação de controle de finanças com receitas, despesas, transferências entre contas, relatórios e gráficos em angularjs + webapi + ddd + automapper + injeção de dependencias para estudo de novas tecnologias, pois trabalho atualmente com WebForms.Criei todas as (Domais, Applications, Services, Repository, etc).A minha grande dúvida é a seguinte:Nas telas de cadastro eu basicamente retorno o objeto inteiro no controller de cada entidade (domain), Mas na tela de gráfico por tipo de despesa por exemplo, não consigo fazer dessa forma, pois preciso retornar o valor total de despesas cadastradas para cada tipo em determinado período.No WebForms eu criaria uma classe personalizada com os campos necessários e faria um select new { } direto no link setando o valor de cada campo, porém, no ddd me vejo obrigado a instanciar os campos fixos do domain.Existe alguma forma de criar uma view personalizada para o retorno de uma consulta?
  3. Senhores, bom dia! Preciso da ajuda de vocês para tentar solucionar esse problema. Sou programador Delphi e precisei fazer o acesso aos dados gerados pelo sistema desktop pela web. Optei por utilizar o DataSnap para criar o WebService, por já ter mais familiaridade com a ferramenta. Assim, comecei a fazer os testes para acessar o WebService através de um cliente HTML + AngularJS. Criei no DataSnap 4 webservice: function Produto : TJSONArray; function updateProduto(AValue: TJSONObject) : TJSONObject; function acceptProduto(AValue: TJSONObject) : TJSONObject; function cancelProduto(AKey: String) : TJSONObject; O DataSnap faz o mapeamento automático para cada uma das funções de acordo com o método HTTP chamado na requisição, conforme abaixo: Cliente Requisição DataSnap Chama a function GET Produto POST updateProduto PUT acceptProduto DELETE cancelProduto Se eu chamar os métodos através de um cliente Delphi chamado RestDebbuger (acompanha o delphi) ou um software de teste de webservice chamado SoapUI consigo acessar todas as funções do webservice sem nenhum problema. Criei um cliente para consumir esses webservices em HTML e JavaScript/AngularJS, nesse cliente consigo consumir sem problemas os métodos GET e POST. No entanto, quando tento acessar o método PUT ou DELETE sempre me retorna um erro 500 no servidor. Fiz o debbug da aplicação Delphi após fazer a chamada pelo cliente AngularJS e percebi que não está chegando o método ao servidor e por isso ele dá um erro na requisição. Chamando esse método pelo RestDebbuger e pelo SoapUI funciona normalmente. Alguém saberia me dizer por qual motivo não consigo acessar esse método pelo angularJS? Qualquer ajuda será muito bem vinda. Obrigado!
  4. Olá senhores, estou criando uma aplicação simples em AngularJS, a aplicação se resume em 3 páginas: 1 - Aparelho: Onde a pessoa escolhe o aparelho 2 - Planos: Escolhe o plano relacionado ao aparelho 3 - Cadastro final informando nome, e-mail, telefone e etc... A lista de aparelhos e e de planos possiveis praquele aparelho escolhido vem de um arquivo JSON, que eu pego através de uma requisição HTTP A dúvida é: Eu gostaria de ir salvando essas informações, quando ele clicar em um aparelho, salvasse, depois o plano e salvasse e depois de escrever os dados salvasse tudo e saisse na página final e um console.log, mas como faço isso? Tô perdido.. Esse é o meu arquivo api.js, onde faço a requisição dos aparelhos: // plataformas //arquivo api.js app.controller('plataformAPI', function($scope, $http){ $http.get('http://private-59658d-celulardireto2017.apiary-mock.com/plataformas') .then(function(response){ $scope.dados = response.data.plataformas; }); }); Esse é o arquivo home.html, onde a pessoa escolhe os aparelhos: <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" align="center" ng-controller="plataformAPI"> <div ng-repeat="x in dados"> <h1>{{x.nome}}</h1> <p>{{x.descricao.replace('|',' ')}}</p> <p><a class="btn btn-primary btn-md" href="{{prefix + x.nome}}" role="button">Quero esse</a></p> </div> </div> Eu gostaria de salvar o nome do aparelho que ele clicou..
  5. marcelobbt

    Angular JS Controller não funciona

    Estou tentando fazer uma aplicação em angularjs mas quando adiciono o controller da sempre esse erro: Uncaught Error: [$injector:modulerr] Abaixo minha aplicação: HTML <div class="row" ng-app="acidenteApp"> <div class="col-sm-12" ng-controller="AcidenteController"> <p> teste de funcionamento {{1+1}}</p> <h2>Cadastrar Acidente</h2> <p><?php echo '<strong>'.$mensal->__get('empresa').'</strong> - '.$mensal->__get('mes').'/'.$mensal->__get('ano'); ?></p> <?php echo form_open('../CadastrarAcidente/'.$mensal->__get('idMensal'), array('class'=>"form-horizontal", 'name'=>'formAcidente', 'id'=>'formAcidente')); ?> <div class="form-group"> <label class="col-sm-2 control-label">Dia do Acidente:</label> <div class="col-sm-10"> <?php echo form_input(array('type'=>"number", 'class'=>"form-control", 'name'=>'diaform','id'=>'diaform'), set_value('diaform')); ?> <p class="help-block">O dia é obrigatório</p> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label">Descrição do Acidente:</label> <div class="col-sm-10"> <?php echo form_textarea(array('class'=>"form-control", 'name'=>'descricaoform','id'=>'descricaoform'), set_value('descricaoform')); ?> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label">Recomendações/Ações Após o Acidente:</label> <div class="col-sm-10"> <?php echo form_textarea(array('class'=>"form-control", 'name'=>'recomendacaoform','id'=>'recomendacaoform'), set_value('recomendacaoform')); ?> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label">Adicionar acidentado:</label> <div class="col-sm-10"> <?php echo form_button(array('name'=>'adicionarAcidentado','id'=>'adicionarAcidentado'), "+"); ?> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <?php echo form_button(array('name'=>'cadastrar', 'ng-disabled'=>'formAcidente.$invalid'),"Cadastrar"); ?> </div> </div> <p><?php echo $erro; ?></p> </div> <script src="<?php echo base_url(); ?>js/angular.min.js"></script> <script src="<?php echo base_url(); ?>js/acidente.js"></script> </div> Abaixo o arquivo javascript acidente.js // criar angular app var acidenteApp = angular.module('acidenteApp', []); acidenteApp.controller('AcidenteController', function AcidenteController($scope) { console.log('teste'); });
  6. marcelobbt

    Validação em campos adicionados

    Estou montando um form que acrescenta alguns campos mais esses campos que são acrescentados não consigo fazer funcionar a validação. Obs: Se eu colocar o campo no html as regras de validação funcionam, mas se eu acrescento via botão ele não funciona. html: <div class="row" ng-app="acidente"> <div class="col-sm-12"> <h2>Cadastrar Acidente</h2> <p>Empresa: <?php echo '<strong>'.$mensal->__get('empresa').'</strong>&nbsp;&nbsp;-&nbsp;&nbsp;Período:'.$mensal->__get('mes').'/'.$mensal->__get('ano'); ?></p> <form class="form-horizontal" name="acidenteForm" novalidate action="http://www.google.com"> <div class="form-group"> <label class="col-sm-2 control-label">Dia do Acidente<span class="vermelho">*</span>:</label> <div class="col-sm-10"> <input type="number" name="diaform" class="form-control" ng-model="diaform" required dia-Acidente> &nbsp;&nbsp;<span class="vermelho" ng-show="acidenteForm.diaform.$invalid && acidenteForm.diaform.$dirty">O dia do acidente deve ser um número válido.</span> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label">Descrição do Acidente<span class="vermelho">*</span>:</label> <div class="col-sm-10"> <textarea name="descricaoform" class="form-control" required ng-model="descricaoform" rows="5"></textarea> <p class="vermelho" ng-show="acidenteForm.descricaoform.$invalid && acidenteForm.descricaoform.$dirty">Favor preencher a descrição do acidente.</p> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label">Recomendações do Acidente:</label> <div class="col-sm-10"> <textarea name="recomendacaoform" class="form-control" rows="5"></textarea> </div> </div> <span ng-controller="AdicionarController"> <div class="form-group"> <label class="col-sm-2 control-label">Adicionar acidentado:</label> <div class="col-sm-10"> <input type="button" class="btn btn-success" ng-click="AdicionarCampos()" name="adicionarAcidentado" value="+"> </div> </div> <div id="maisCampos"> </div> </span> <p><span class="vermelho">*</span> campos de preenchimento obrigatório</p> <div class="form-group"> <label class="col-sm-2 control-label">&nbsp;</label> <div class="col-sm-10"> <input type="submit" class="btn btn-success" name="cadastrar" ng-disabled="acidenteForm.$invalid" value="Enviar"> </div> </div> </form> </div> <script src="<?php echo base_url(); ?>js/angular.min.js"></script> <script src="<?php echo base_url(); ?>js/acidente.js"></script> </div> acidente.js var app = angular.module('acidente', []); app.directive('diaAcidente', function() { return { require: 'ngModel', link: function(scope, element, attr, mCtrl) { function myValidation(value) { if (value > 0 && value < 32) { mCtrl.$setValidity('charE', true); } else { mCtrl.$setValidity('charE', false); } return value; } mCtrl.$parsers.push(myValidation); } }; }); var adicionar = []; var i = 0; app.controller('AdicionarController', function($scope) { $scope.AdicionarCampos = function () { ordinal = i+1; adicionar.push('<p><strong>'+ordinal+'º acidentado</strong></p>'); adicionar.push('<div class="form-group"><label class="col-sm-2 control-label">Matrícula:</label><div class="col-sm-10"><input type="number" name="matriculaform'+i+'" class="form-control"></div></div>'); adicionar.push('<div class="form-group"><label class="col-sm-2 control-label">Previsão de Alta<span class="vermelho">*</span>:</label><div class="col-sm-10"><input type="date" name="previsaoform'+i+'" id="previsaoform'+i+'" class="form-control" required ng-model="previsaoform'+i+'">&nbsp;&nbsp;<span class="vermelho" ng-show="acidenteForm.previsaoform'+i+'.$invalid && acidenteForm.previsaoform'+i+'.$dirty">Favor informar a previsao da alta.</span></div></div>'); document.getElementById("maisCampos").innerHTML = adicionar; i = i + 1; }; });
  7. Pedroalves

    problema na paginação

    não estou a conseguir por a paginação a funcionar ele simplesmente não apararece este e codigo <div ng-app="sa_app" ng-controller="controller" ng-init="show_data()"> <div class="col-md-3">Filter: <input type="text" ng-model="search" ng-change="filter()" placeholder="Filter" class="form-control" /> </div> <div class="col-md-4"> <h5>Filtered {{ filtered.length }} of {{ totalItems}} total Servicos</h5> </div> <div> <table class="table table-bordered"> <tr> <th>Id</th> <th>Nome</th> <th>Descricao</th> <th>Quantidade</th> <th>Nome da Empresa</th> <th>Preço Sem Iva</th> <th>Descontos</th> <th>IVA</th> <th>Valor Desc</th> <th>Valor IVA</th> <th>Preco Total</th> <th>Edit</th> <th>Delete</th> </tr> <tr ng-repeat="x in filtered = (names | filter:search | orderBy : predicate :reverse) |startFrom:(currentPage-1)*entryLimit | limitTo:entryLimit"> <td>{{x.id}}</td> <td>{{x.nome}}</td> <td>{{x.descricao}}</td> <td>{{x.quantidade}} Unidade</td> <td>{{x.Nome}}</td> <td>{{x.precosiva}}€</td> <td>{{x.descontos}}%</td> <td>{{x.iva}}%</td> <td>{{x.valordesc}}€</td> <td>{{x.valoriva}}€</td> <td>{{x.precototal}}€</td> <td> <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#myModal1" ng-click="update_data(x.id, x.nome, x.descricao, x.quantidade,x.Nome,x.precosiva,x.descontos,x.iva)"> <span class="glyphicon glyphicon-edit"></span> Edit </button> </td> <td> <button class="btn btn-danger btn-xs" ng-click="delete_data(x.id )"> <span class="glyphicon glyphicon-trash"></span> Delete </button> </td> </tr> </table> </div> <div class="col-md-12" ng-show="filteredItems == 0"> <div class="col-md-12"> <h4>No serviços found</h4> </div> </div> <div class="col-md-12" ng-show="filteredItems > 0"> <?php echo "OLA";?> {{ filteredItems}} <div pagination="" page="currentPage" on-select-page="setPage(page)" boundary-links="true" total-items="filteredItems" items-per-page="entryLimit" class="pagination-small" previous-text="&laquo;" next-text="&raquo;"></div> </div> </div> </div> </div> </div> </div> <script> var app = angular.module("sa_app", []); /*app.filter('startFrom', function() { return function(input,start) { if (input) { start = +start; //parse to int return input.slice(start); } return []; } }); */ app.filter('startFrom', function() { return function(input, start) { if(input) { start = +start; //parse to int return input.slice(start); } return []; } }); app.controller("controller", function($scope, $http,$timeout) { $scope.btnName = "Insert"; $scope.insert = function() { if ($scope.nome == null) { alert("Insira o nome do Servico"); } else if ($scope.descricao == null) { alert("Insira a descricao"); } else if ($scope.quantidade == null) { alert("insira a quantidade"); } else if ($scope.Nome == null) { alert("insira a Nome da Empresa"); } else if ($scope.precosiva == null) { alert("insira a O Valor do Preço"); } else if ($scope.descontos == null) { alert("insira a O Valor do Desconto"); } else if ($scope.iva == null) { alert("insira a O Valor do IVA"); } else { $http.post( "servicos/insert.php", { 'nome': $scope.nome, 'descricao': $scope.descricao, 'quantidade': $scope.quantidade, 'Nome': $scope.Nome, 'precosiva': $scope.precosiva, 'descontos': $scope.descontos, 'iva': $scope.iva, 'btnName': $scope.btnName, 'id': $scope.id } ).success(function(data) { alert(data); $scope.nome = null; $scope.descricao = null; $scope.quantidade = null; $scope.Nome=null; $scope.precosiva = null; $scope.descontos = null; $scope.iva = null; $scope.btnName = "Insert"; $scope.show_data(); }); } } $scope.show_data = function() { $http.get("servicos/display.php") .success(function(data) { $scope.names = data; $scope.currentPage = 1; //current page $scope.entryLimit = 5; //max no of items to display in a page $scope.filteredItems = $scope.names.length; //Initially for no filter $scope.totalItems = $scope.names.length; }); } $scope.show_data1 = function() { $http.get("servicos/display1.php") .success(function(data) { $scope.names1 = data; }); } $scope.update_data = function(id,nome,descricao,quantidade,Nome,precoiva,descontos,iva) { $scope.id = id; $scope.nome = nome; $scope.descricao =descricao; $scope.quantidade = quantidade; $scope.Nome=Nome; $scope.precosiva = precoiva; $scope.descontos= descontos; $scope.iva = iva; $scope.btnName = "Update"; } $scope.setPage = function(pageNo) { $scope.currentPage = pageNo; }; $scope.filter = function() { $timeout(function() { $scope.filteredItems = $scope.filtered.length; }, 10); }; $scope.sort_by = function(predicate) { $scope.predicate = predicate; $scope.reverse = !$scope.reverse; }; $scope.delete_data = function(id) { if (confirm("Are you sure you want to delete?")) { $http.post("servicos/delete.php", { 'id': id }) .success(function(data) { // alert(data); $scope.show_data(); }); } else { return false; } } }); </script>
  8. Guilherme Luiz

    Requisição $http assincronica AngularJS

    Pessoal eu tenho uma seguinte requisição $http no angular //send data $scope.send = function(){ var manual = $("#origin_1").prop("checked"); var agenda = $("#origin_2").prop("checked"); var grupo = $("#origin_3").prop("checked"); var expressa = $("#origin_4").prop("checked"); var flash = $("#flash").prop("checked"); var modelo = $("#salvar_modelo").prop("checked"); var twoways = $("#2ways").prop("checked"); var rota = $("#rota").prop("checked"); var twoways_email = $("#2ways_email").val(); var twoways_url = $("#2ways_url").val(); var destinatario = $('#destManual').tagsinput('items'); var etiqueta = $("#etiquetas").tagsinput('items'); var campanha = $('#campaingName').val(); var remetente = $('#remetente_text').val(); var ddi = $("#pais").val(); var pais = $("#pais option:selected").text(); var texto = $("#smsText").val(); var programaData = $("#schedule_date").val(); var programaHora = $("#schedule_time").val(); var programaZone = $("#schedule_timezone option:selected").text(); swal({ title: 'Iniciar envio da campanha?', text: "Ao confirmar, o processo não poderá ser pausado e/ou cancelado", type: 'warning', showCancelButton: true, confirmButtonColor: '#3085d6', cancelButtonColor: '#d33', confirmButtonText: 'Sim, iniciar!', cancelButtonText: 'Não, espere!', confirmButtonClass: 'btn btn-sweet btn-success', cancelButtonClass: 'btn btn-sweet btn-danger', padding: '20', buttonsStyling: false }).then(function () { swal( { title: 'Campanha iniciada!', text: "Sua campanha está sendo disparada. Não saia desta página enquanto processamos todos os dados.", showCancelButton: false, showConfirmButton: false, imageUrl: "https://smsfire.com.br/portal/includes/images/loader.gif", timer: 5000 } ), $http({ url: "/portal/includes/modules/sms/send-campaing.php", method: "POST", headers: {'Content-Type': 'application/json'}, data: { origem:[{ manual:manual, agenda:agenda, grupo:grupo, expressa:expressa } ], pais:pais, ddi:ddi, destinatario:destinatario, texto:texto, campanha:campanha, modelo:modelo, etiqueta:etiqueta, programa:[{ data:programaData, hora:programaHora, zone:programaZone } ], rota:rota, remetente:remetente, flash:flash, modelo:modelo, twoways:[{ ativa:twoways, email:twoways_email, url:twoways_url }] } }.then(function (response) { swal({ title:'Envio finalizado!', text:'O processamento da campanha foi concluído. Acesse o menu Estatísticas para obter detalhes', type: 'success' }) }).then(function (){ $timeout(function () { location.reload(); }, 3000); }) }, function (dismiss) { // dismiss can be 'cancel', 'overlay', // 'close', and 'timer' if (dismiss === 'cancel') { swal( 'Cancelado!', 'O processamento da campanha foi cancelado.', 'error' ) } }); }); O que ela faz? Emito um alert perguntando se posso processar a campanha. Usuario clica SIM e chamo o arquivo PHP para processar a requisição. Assim que a requisição for completada imprimo outro alert com timeout de 3seg e recarrego a pagina Está funcionando? Sim perfeitamente! Qual o problema? O tamanho da requisição! Essa chamada pode conter uma infinidade de dados que, talvez, demore mais que os 90 segundos de timeout que meu servidor tem no PHP para recuperar o response. O script, segue fazendo a requisição passados os 90segundos, mas ao tentar imprimir o response, tenho erro 500-timeout. O que estou precisando Realizar uma chamada assincronica, ou seja, deixar que o meu sistema continue rodando enquanto essa requisição $http fique rodando em background. Como tentei: No meu php tentei utilizar o session_write_close() porem isso faz com que as SESSIONS sejam deletadas e todo o meu processo de looping é dado como TRUE já que tenho condicionamentos baseado em alguns parametros da session. Desta forma funciona mas não da forma que preciso. Na propria requisição $http há algum parametro que eu possa indicar para que pelo JS seja compreensivel que a requisição é assincronica? Eu não consegui encontrar detalhes deste tipo na documentação do angular. Alguma sugestão?
  9. Estou fazendo iniciando um app com Ionic 3, e utilizando a API do google para geolocalização. Segui tutoriais e mesmo assim deu esse erro quando abro a página que deveria aparecer o mapa " Runtime Error Uncaught (in promise): TypeError: Cannot read property 'firstChild' of null " Já procurei em alguns lugares e não encontro solução, nenhuma funciona. To precisando de ajuda com esses mapinhas. HTML da página inicial... <ion-header> <ion-navbar> <ion-title> Teste </ion-title> </ion-navbar> </ion-header> <ion-content padding> <ion-list> <ion-item> Latitude: {{lat}} </ion-item> <ion-item> Longitude: {{lon}} </ion-item> </ion-list> <button (click)="openMap()">Mapa</button> </ion-content> .ts da página inicial: import { Component } from '@angular/core'; import { NavController } from 'ionic-angular'; import { Geolocation } from '@ionic-native/geolocation'; import { MapPage } from '../map/map'; @Component({ selector: 'page-home', templateUrl: 'home.html' }) export class HomePage { lat:any=0.0; lon:any=0.0; constructor(public navCtrl: NavController, public geolocation: Geolocation) { //[ .. outra parte do código .. ] this.geolocation.getCurrentPosition().then((resp) => { // resp.coords.latitude // resp.coords.longitude this.lat = resp.coords.latitude; this.lon = resp.coords.longitude; }).catch((error) => { console.log('Error getting location', error); }); let watch = this.geolocation.watchPosition(); watch.subscribe((data) => { // data can be a set of coordinates, or an error (if an error occurred). // data.coords.latitude // data.coords.longitude }); } openMap(){ this.navCtrl.push(MapPage); } } //[ .. outra parte do código .. ] //} HTML da página do mapa: <ion-header> <ion-navbar> <ion-title>map</ion-title> </ion-navbar> </ion-header> <ion-content padding> <div id="mapa" > </div> </ion-content> .ts da página do mapa: import { Component } from '@angular/core'; import { IonicPage, NavController, NavParams, Platform } from 'ionic-angular'; import '../map/map'; import { Geolocation } from '@ionic-native/geolocation'; declare var google: any; /** * Generated class for the MapPage page. * * See https://ionicframework.com/docs/components/#navigation for more info on * Ionic pages and navigation. */ @IonicPage() @Component({ selector: 'page-map', templateUrl: 'map.html', }) export class MapPage { private initPage(){ let LatLng = new google.maps.LatLng(-22.913293, -43.688930); let mapOptions = { center: LatLng, zoom: 15, mapTypeId: google.maps.MapTypeId.ROADMAP, disableDefaultUI: true } let elemento = document.getElementById('mapa'); let mapa = new google.maps.Map(elemento, mapOptions); } //ionViewDidLoad() { // console.log('ionViewDidLoad MapPage'); //} constructor(public navCtrl: NavController, public navParams: NavParams, platform: Platform) { platform.ready().then(() =>{ this.initPage(); }, (err) => { console.log(err); }); } } E na index.html (só uma parte): <!--para o api do google maps .................................................................. --> <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com; script-src 'self' https://*.googleapis.com 'unsafe-inline' 'unsafe-eval'; style-src 'self' 'unsafe-inline';"> <title>Ionic App</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="format-detection" content="telephone=no"> <meta name="msapplication-tap-highlight" content="no"> <link rel="icon" type="image/x-icon" href="assets/icon/favicon.ico"> <link rel="manifest" href="manifest.json"> <meta name="theme-color" content="#4e8ef7"> <!-- google maps .............................................................................. --> <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?&sensor=false"></script> Talvez seja informação demais, mas, acho melhor que tenha mais do que menos.
  10. claudiojuniorfabiao

    Arquitetura para API REST

    Olá, pessoal! Estou planejando criar uma API RESTful, que retorna conteúdo somente em JSON e executa algumas tarefas de CRUD em entidades do meu domínio, para ser consumida por um cliente HTML usando AngularJS, mas estou com algumas dúvidas. Antes, quando estava recuperando todo o HTML do servidor, minha aplicação estava estruturada segundo à arquitetura MVC, todavia, agora, não sei se é proveitoso usar essa arquitetura na minha API. Se alguém tiver uma opinião de porquê usar ou não MVC, ou outra arquitetura e/ou exemplos de implementação, será de grande ajuda. Desde já obrigado.
  11. Estou com o seguinte problema, utilizo o laravel como framework e fpdf para gerar relatórios como também angularjs no front. Monto o dataset no laravel e paço o mesmo para a classe que extende o fpdf para gerar o relatório para mim, mas o download não acontece, os headers estão todos certos o conteúdo todo certo mas nada acontece.
  12. stromdh

    Envio de email com nodemailer

    Fala galera. Estou fazendo uma aplicação em angularjs e preciso enviar os dados de um formulário para o email do cliente. Não é preciso gravar em banco, só mandar o valor dos campos por email, pra isso estou tentando utilizar o nodemailer mas estou com algumas dúvidas. fiz a instalação do módulo no nodemailer, mas no console sempre aparece um erro informando que o nodemailer não está definido: a estrutura de pastas está assim: root index.html lib | angularjs js | controllers script.min.js email.js no arquivo email.js inseri o código: var nodemailer = require('nodemailer'); var transportador = nodemailer.createTransport({ service: 'gmail', auth: { user: 'logindocliente', pass: 'senhadocliente' } }); exports.send = function(){ var configuracoes = { from: 'Seu Nome <emaildoclientequeenvia>', to: 'Nome do Destinatário <emaildoclientequerecebe>', subject: 'Assunto do Email', text: 'Conteúdo do email em texto', html: '<h1>Conteúdo do email em HTML</h1>' }; transportador.sendMail(configuracoes, function(error, info){ if(error){ console.log(error); }else{ console.log('Email enviado ' + info.response); } }); } isso está em homologação. creio que posso estar chamando errado no form... não sei... se alguém puder dar uma dica de como arrumar a estrutura e fazer funcionar fico imensamente grato.
  13. flavionash

    Custom-url-scheme com Ionic

    Galera estou fazendo um app ionic que se comunica com outro app no dispositivo que é nativo através de applinks. Utilizei o plugin https://github.com/EddyVerbruggen/Custom-URL-scheme para fazer essa comunicação e deu tudo certo, apenas no retorno das informações pelo app da empresa de pagamentos eu consigo ver a url com o scheme do meu app pela function: function handleOpenURL(url) { console.log("received url: " + url); } O pro é que só consigo visualizar a url no index.html da minha aplicação e preciso desse retorno no meu controller onde começo a comunicação com o app da empresa de pagamentos, pois preciso pegar o retorno tratar e enviar para o meu banco de dados. Alguém pode me ajudar a resolver isso ?
  14. flavionash

    Applink Android com Ionic 1

    Olá pessoal, gostaria de ajuda de vocês com um problema, desenvolvi um aplicativo android utilizando ionic 1 com angulajs1 e preciso abrir outro app no meu device utilizando um botão no meu aplicativo e passar parâmetros nessa requisição, tentei fazer isto com o código abaixo mas não funciona. Alguém já fez isso ? window.open('app://payment?scheme=exe&key=DFJSOIHFD54654DFSDGDSF54654&amount=100');
  15. Olá, como posso pegar os últimos elementos de um array se ele não tem um tamanho fixo? O código deve mostrar esses elementos quando atingir o index[3]. Parece que não dá pra fazer com array.length - n. Vi que em Python existe [i:]. Tem algo similar em js? Exemplo: $scope.letrasNumeros = myService.getData(); console.log($scope.letrasNumeros); // ["A", "B", "C", "D", "1", "2", "3"] $scope.a = $scope.letrasNumeros[0]; $scope.b = $scope.letrasNumeros[1]; $scope.c = $scope.letrasNumeros[2]; $scope.d = $scope.letrasNumeros[3]; $scope.nums = $scope.letrasNumeros[4]; // aqui deve mostrar todos os números num $scope só
  16. Rafaela Lee

    O modelo não é do tipo número

    Ola, sou iniciante em angularJS. Estou com problemas no campo CPF, ele da a seguinte mensagem quando termino de preencher os dados: angular.js:14516 Error: [ngModel:numfmt] Expected `87576771909` to be a number http://errors.angularjs.org/1.6.3/ngModel/numfmt?p0=87576771909 E se eu coloco type="number" da esse erro assim que entro na página sem digitar nada: angular.js:14516 DOMException: Failed to read the 'selectionStart' property from 'HTMLInputElement': The input element's type ('number') does not support selection. O que pode ser? <div class="col-md-2"> <!-- CPF --> <div class="form-group" ng-class="{ 'has-error' : buscaMovimentacaoFormulario.txtCpf.$invalid && buscaMovimentacaoFormulario.txtCpf.$touched, 'has-success' : buscaMovimentacaoFormulario.txtCpf.$valid && buscaMovimentacaoFormulario.txtCpf.$touched }"> <label class="control-label" for="txtCpf"> <i ng-show="buscaMovimentacaoFormulario.txtCpf.$invalid && buscaMovimentacaoFormulario.txtCpf.$touched" class="fa fa-times-circle-o"></i> <i ng-show="buscaMovimentacaoFormulario.txtCpf.$valid && buscaMovimentacaoFormulario.txtCpf.$touched" class="fa fa-check"></i> <span translate="texto.txtCpf"></span> </label> <input ng-model="vm.pesquisa.cpf" ng-cpf id="txtCpf" name="txtCpf" type="text" class="form-control" ui-mask="999.999.999-99" ui-mask-placeholder ui-mask-placeholder-char="_" /> <div ng-messages="buscaMovimentacaoFormulario.txtCpf.$error" ng-show="buscaMovimentacaoFormulario.txtCpf.$touched"> <span class="help-block" ng-message="cpf" translate="validacao.vldCpfInvalido"></span> </div> </div>
  17. Henrique.antonio.buzin

    Scraping Angular Site

    Olá, Estou em um projeto de scraping e um dos sites é feito em angular, estou utilizando o Guzzle e o Symfony DomCrawler. Existe a possibilidade com esses ou outros de trazer o site com o valor processado pelo angular, ou "forçar um processamento"? Agradeço desde já.
  18. allenprado

    Requisição Post - AngularJS + PHP

    Boa Tarde Sou novo em desenvolvimento com AngularJS, estou com uma dificuldade em criar uma requisição POST simples com angular, pesquisei no google e fiz os tutoriais e não consegui. Alguem por gentileza poderia me postar como eu faria para fazer um requisição post para o PHP dos campos: EX: <input type=text name=nome/> <input type=text nome=email/> Se possível montar um exemplo explicando, Código HTML com os atributos do AngularJS o Json (explicando) e como o PHP receberia e armazenaria em variáveis ($nome e $email). Agradeço a ajuda!
  19. allenprado

    Rotas AngularJS

    Bom Dia Estou tentando criar os links para novas paginas criadas, porém cadastro as Rotas, Controllers e não funciona. Estou usando um templante Bootstrap + Angular JS. Falta alguma alteração? Lembrando que estou usando Templante Bootstrap, logo as paginas que vem com ele já estão funcionando. ====================================== Arquivo app.js (Rotas) ==================================================== var monarchApp = angular.module('monarchApp', ['ngRoute', 'ngAnimate']); // configure our routes monarchApp.config(function($routeProvider) { $routeProvider .when('/testes', { templateUrl : 'pages/teste.hbs', controller : 'testeController' }) }); monarchApp.controller('testeController', function($scope) { }); ====================================== Link Para chamada ==================================================== <a href="#testes" title="Form elements">Editar perfil</a> ==========================================================================================================
  20. Hisoka.

    Lentidão no angular

    Boa tarde pessoal! Estou fazendo umas alterações em uma aplicação e resolvi retirar todo o php da view usando angular, porem cada listagem de dados é uma vida para carregar. Fica variando entre 25ms a 28ms de tempo. Parece bobeira, ms da uma diferença absurda na aplicação, se comparado a velocidade que o php exibia os dados. Queria saber se com vcs acontece a msm coisa? Essa lentidão é possível resolver com algum comando? Ou o framework que é zuado? Eu uso $http.get para listagem de dados, ms mesmo assim... A página carrega e dps os dados são exibidos.
  21. Hisoka.

    Preencher ng-option com angularjs

    Bom dia! Eu tenho um select, com ng-option que trás o valor do banco(Na vdd trás de um array, ms vamos fingir que é do banco). Qndo eu clico em editar no meu form, tds os campos são preenchidos com os valores vindo do banco, menos o campo que contem a diretiva do ng-option. Array que popula o select: $scope.marca = [ {nome:"sony"}, {nome:"sansung"}, {nome:"LG"} ]; Função de editar que preenche o formulário com os dados do banco: $scope.edit = function(dados){ $scope.registro = dados; console.log(dados); }; ng-option: <select type="text" class="form-control" ng-model="registro.marca.nome" name="marca" ng-options="marca.nome for marca in marca" ng-required="true"> <option value="">Selecione uma marca</option> </select>
  22. rhenan silverio

    Diretiva angularJs

    Gostaria de saber porque quando coloco a diretiva alert-msg me volta um erro, agora se eu deixo sem o traço ele fica normal, alguem sabe me explicar, ou estou fazendo algo errado?
  23. oscar009

    Remover Hashtag da url com o AngularJs

    Olá pessoal, Eu estou fazendo um projeto simples , porém estou quebrando a cabeça com esse código AngularJs. Consegui carregar páginas tipo single page, porém não consegui retirar essa #hashtag. Alguém sabe como fazer isso ? Já vi um monte de tutorial com videos e exemplos na net, porém nenhum deles funciona. Alguns deles consegui remover a #hashtag, mas quando carrego as página dá um erro 404. Estou colocando abaixo as imagens do que está acontecendo. ERRO 404 O CÓDIGO HTML O SCRIPT APP Esse fórum tem sido de grande ajuda para mim nos meus estudos. Se alguém puder me dar uma força ai agradeço. Valeu a todos que me ajudar.
  24. Maicon Eduardo Prange

    Erro de session em PHP com AngularJS.

    Olá, estou desenvolvendo uma aplicação com AngularJS e como server estou usando PHP, meu problema está na session que registro quando meu usuário faz login na minha página, ao fazer o login eu verifico na base e retorno um array que tem o status daquele login, true ou false. Depois eu faço o registro da sessão com os dados do usuário e retorno o token gerado, depois em uma transição de tela eu valido a sessão pra ver se o usuário tem permissão para entrar na tela e até mesmo pra saber se a sessão ainda é valida, o problema está exatamente na verificação da sessão, depois de registrar ela eu verifico e não retorna nada, como se não tivesse sido registrado nada, mas uma coisa estranha é que ao usar o Postman eu eu consigo fazer todo o processo de registro e verificação e ao usar pelo navegador localmente ou no servidor da locaweb eu tenho esse erro que estou descrevendo. Vocês tem alguma dica ou quem sabe até mesmo uma solução? Grato pela atenção de todos.
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.