Skip to content

Latest commit

 

History

History
25 lines (17 loc) · 1.24 KB

File metadata and controls

25 lines (17 loc) · 1.24 KB

Diretiva ng-click

A diretiva ng-click é utilizada para representar um comportamento de clique do mouse em um elemento, por exemplo um botão. O conteúdo da diretiva (o atributo) é um código JavaScript. O exemplo a seguir demonstra a utilização desta diretiva.

{%ace lang='html'%} {%raw%} !INCLUDE "app-click/index.html" {%endraw%} {%endace%}

{%ace lang='javascript'%} {%raw%} !INCLUDE "app-click/app.js" {%endraw%} {%endace%}

Você pode ver o exemplo em funcionamento aqui.

No controller, no arquivo app.js, na linha 6 é definida a função salvar(), que aceita como parâmetro o nome da cidade a ser inserida no vetor cidades.

Na view, no arquivo index.html, na linha 42 está presente o elemento button e nele é aplicada a diretiva ng-click. Neste caso, a diretiva indica que será chamada a função salvar() passando como parâmetro o model nova_cidade (vinculado ao input da linha 40) e, posteriormente, o valor do model será uma string vazia.

Info Exercício

O exemplo anterior implementa parte das funcionalidades de um CRUD. Neste caso, está implementando a consulta (listagem dos dados) e o cadastro. Implemente a funcionalidade de excluir uma cidade.