Novas respostas marcadas com a tag angular
0
Eu não entendo de Angular, mas você pode tentar capturar o elemento através de outras formas que não o ID.
Como capturar todos os elementos que contenham essa classe, e selecionar apenas o primeiro, o último, ou como desejar.
Você também pode adicionar um atributo customizado neste elemento, e capturar os elementos que contenham este atributo.
Ou ainda ...
0
O Grid Está Obsoleto no Primeng Angular ao inves disso use FlexGrid
Instale FlexGrid
npm install primeflex --save
Adicione o no seu "styles" do arquivo angular.json
"node_modules/primeflex/primeflex.css"
e no seu app.component.html o flexGrid ficara assim
<h3>FlexGrid</h3>
<div class="p-grid">
...
5
Eu dei uma olhada na documentação do Angular: https://angular.io/api/common/NgForOf#local-variables
E vi que em todo laço ngFor o angular fornece algumas variáveis para você, e entre elas, ele fornece a index, que é o que você precisa. Aí o html poderia ficar assim:
<tbody>
<tr *ngFor="let pokemon of pokemons[0]">
<td>
...
2
Bom, depois de muita pesquisa e estudo e levando como conselho o comentário do Jean eu consegui resolver o problema.
O código final de listarPokemons ficou assim:
listarPokemons(){
this.pokemonService.getPokemons()
.subscribe(resultado => {
const res = ((resultado));
console.log(res);
const values = Object.values(res);
...
1
Consegui resolver, segue solução para aqueles que tenham a mesma dificuldade:
No HTML basta usar o atributo webkitDirectory para permitir o envio de uma pasta. Isso por si só já irá resolver o problema, fazendo com que o script leia cada arquivo dentro da pasta enviada, recursivamente.
template-sent.component.html
<input #folderInput type="file" ...
2
O método JSON.stringify converte uma array em JSON. A API da qual você está requisitando na verdade retorna um JSON do qual você precisará tratar e usar como array. Dê uma olhada nesta outra pergunta, acredito que possa lhe ajudar
2
Bom, após muitos testes...
O que estava acontecendo era que no model AlunoModel o export estava sendo feito como:
export interface AlunoModel
Mudei o export e o fiz como:
export class AlunoModel
O erro sumiu logo após a mudança...
1
Legal que vc resolveu, mas existe uma outra maneira que seria colocar outro .htaccess dentro de uma pasta "api/", e apontar a rota para ela, exemplo:
Imagine que vc tenha uma pasta: /raiz/public/
Então vc cria uma pasta: /raiz/api/
Coloca o .htaccess com a seguinte inscrição:
RewriteEngine On
RewriteRule ^(.*)$ /raiz/public/$1
O exemplo a seguir ...
respondida 15/01 às 20:32
Ivan Ferrer
11,8mil33 medalhas de ouro2525 medalhas de prata6464 medalhas de bronze
2
Cara é porque esse lembreteSistemaList é um array de objetos nesse caso você poderia fazer algo desse tipo.
<textarea class="form-control" id="message-text" *ngFor="let lembrete of lembreteSistemaList"> {{ lembrete.nome }} </textarea>
Porque ai sim você estará acessando o objeto dentro do array ou poderia fazer ...
1
Bom, analisando meu código eu vi que eu estava usando o formulário de uma forma errada.
Para corrigir isso eu implementei o [(ngModel)] dentro do meu formulário e substitui o span por um input do tipo text que ficou da seguinte maneira:
ID do Produto <input type="text" [(ngModel)]="id" name="id">
Isso resolveu o problema....
0
Descobri o truque, salvar o event que é disparado quando o vídeo fica ready para tocar:
<youtube-player
videoId="{{content?.content}}"
(stateChange)="playerEvent($event)"
(ready)="savePlayer($event)"
width="712px"
height="400px"
></youtube-player>
E no typescript:
...
0
Corrigir na validação do tamanho:
if (cpf.length !== 11) { return { cpfNotValid: true }; }
0
Tenta assim
PagSeguroDirectPayment.onSenderHashReady((response)=>{
if(response.status == 'error') {
return false;
}
//Nesse caso ele reconhece o this como um objeto do tipo PagSeguroDirectPayment
this.hashPayment = response.senderHash;
});
ou assim
const that=this;
PagSeguroDirectPayment.onSenderHashReady((response)=>{
if(response.status == '...
0
Sabemos que o método HttpClient.get() serve para buscar dados de um servidor, mesmo que pareça redundante é uma informação relevante.
O método assíncrono envia uma solicitação HTTP e retorna um Observable que emite os dados solicitados quando a resposta é recebida.
O método get() contem dois argumentos: a URL e um objeto de opções, porém em sua solicitação ...
1
Você está usando "data-bs-toggle", que é um atributo do Bootstrap 5.
Ou você remove o "data-bs-toggle" e substitui por apenas "data-toggle", ou você migra o site para Bootstrap 5.
0
Você colocou <app-servers>, que é o selector do componente ServersComponent, dentro do seu próprio template.
Isso cria uma recursão infinita, pois toda vez que app-servers for renderizado, ele acaba criando uma nova instância dele mesmo, que em seguida criam mais outra instância e assim por diante.
O template correto neste caso seria esse:
template: `&...
-1
Eu não entendi muito bem o que você esta tentando fazer, mas tente trocar
template: <app-server></app-server><app-servers><app-server>
por
template: <app-server></app-server><app-servers></app-server>
ou
template: <app-server></app-server>
1
No seu service, inclua o protocolo http na assinatura da variavel apiURL:
public apiURL = 'http://127.0.0.1:5000'
As 50 principais respostas recentes são incluídas
Tags relacionadas
angular × 1992typescript × 613
javascript × 438
ionic × 169
html × 161
angularjs × 94
ionic2 × 90
angular-6 × 86
node.js × 71
css × 61
firebase × 55
ionic3 × 55
angular-material × 46
angular-routes × 45
front-end × 44
json × 42
http × 42
api × 33
php × 31
html5 × 31
jquery × 30
array × 28
angular-7 × 26
formulário × 25
npm × 20