Articles of angularjs

AngularJS: Diferença entre os methods $ observe e $ watch

Eu sei que tanto Watchers quanto Observers são calculados assim que algo no $scope muda no AngularJS. Mas não conseguia entender o que exatamente é a diferença entre os dois. Meu entendimento inicial é que Observers são computados para expressões angulares que são condições no lado HTML onde os Watchers executados quando a function $scope.$watch() […]

AngularJS- Login e autenticação em cada rota e controlador

Eu tenho um aplicativo AngularJS criado usando yeoman, grunhido e bower. Eu tenho uma página de login que tem um controlador que verifica a autenticação. Se as credenciais estiverem corretas, eu redireciono para a página inicial. app.js ‘use strict’; //Define Routing for app angular.module(‘myApp’, []).config([‘$routeProvider’, ‘$locationProvider’, function($routeProvider,$locationProvider) { $routeProvider .when(‘/login’, { templateUrl: ‘login.html’, controller: ‘LoginController’ […]

AngularJS – Qualquer forma de $ http.post enviar parâmetros de requisição em vez de JSON?

Eu tenho um código antigo que está fazendo uma requisição AJAX POST através do método post do jQuery e se parece com isso: $.post(“/foo/bar”, requestData, function(responseData) { //do stuff with response } requestData é apenas um object javascript com algumas propriedades básicas de string. Estou no processo de mover nossas coisas para usar o Angular […]

AngularJS – UI-router – Como configurar vistas dinâmicas

Eu tive dificuldade em encontrar qualquer documentação sobre a utilização do roteador-ui dinamicamente através de um database. Par para o curso, tudo é codificado. Meu Json: [ { “name”: “root”, “url”: “/”, “parent”: “”, “abstract”: true, “views”: [ {“name”: “header”, “templateUrl”: “/app/views/header.html”}, {“name” :”footer”, “templateUrl”: “/app/views/footer.html” } ] }, { “name”: “home”, “url”: “”, “abstract” […]

Como usar um evento keypress no AngularJS?

Eu quero pegar o evento de imprensa enter na checkbox de texto abaixo. Para deixar mais claro, estou usando um ng-repeat para preencher o corpo. Aqui está o HTML: Este é o meu módulo: angular.module(‘components’, [‘ngResource’]); Estou usando um recurso para preencher a tabela e o código do meu controlador é: function Ajaxy($scope, $resource) { […]

Chame AngularJS do código legado

Estou usando o AngularJS para criar controles HTML que interagem com um aplicativo Flex legado. Todos os retornos de chamada do aplicativo Flex devem ser anexados à janela do DOM. Por exemplo (em AS3) ExternalInterface.call(“save”, data); Chamará window.save = function(data){ // want to update a service // or dispatch an event here… } De dentro […]

Estados nesteds ou visualizações para layout com barra de esquerda no roteador da interface do usuário?

Eu tenho o seguinte layout: A Barra Lateral e o Cabeçalho sempre estarão presentes, embora seu conteúdo seja específico do contexto. Eu acho que há duas opções aqui: estados nesteds (sidenav> Headerbar> Content) ou com views (se eu entendi corretamente). Eu ainda estou lutando para ter minha cabeça enrolada no roteador, independentemente de quantos vídeos […]

AngularJS: arquivo JSON de fábrica $ http.get

Eu estou olhando para desenvolver localmente com apenas um arquivo JSON hardcoded. Meu arquivo JSON é o seguinte (válido quando colocado no validador JSON): { “contentItem”: [ { “contentID” : “1”, “contentVideo” : “file.mov”, “contentThumbnail” : “url.jpg”, “contentRating” : “5”, “contentTitle” : “Guitar Lessons”, “username” : “Username”, “realname” : “Real name”, “contentTags” : [ { […]

Adicionando várias classs usando ng-class

Podemos ter múltiplas expressões para adicionar múltiplas ng-class? por exemplo. Se sim, alguém pode colocar o exemplo para fazer isso. .

Ordem de execução angular com `$ q` – Promessas de Encadeamento

Seguindo os trabalhos da Abordagem: $q.when() .then(checkCookieToken) // check if cookie already exists eg in cookie .then(setHeader) // set Header with REST-Token eg from cookie .then(checkTokenOnline) // if not OK logout .then(getMenu) // if previous OK get navigation menu .then(getDataResource) // set ngResource .then(getData); // and query it 4 perguntas: 1) Se, por exemplo, checkTokenOnline […]