Articles of angularjs

Por que o AngularJS inclui uma opção vazia em select?

Eu tenho trabalhado com o AngularJS nas últimas semanas, e o que realmente me incomoda é que mesmo depois de tentar todas as permutações ou a configuração definida na especificação em http://docs.angularjs.org/api/ng .directive: select , eu ainda recebo uma opção vazia como o primeiro filho do elemento select. Aqui está o Jade: select.span9(ng-model=’form.type’, required, ng-options=’option.value […]

Removendo o identificador de fragment de URLs AngularJS (símbolo #)

É possível remover o símbolo # dos URLs angular.js? Eu ainda quero poder usar o botão Voltar do navegador, etc, quando eu mudar a visualização e atualizar o URL com params, mas não quero o símbolo #. O routeProvider do tutorial é declarado da seguinte forma: angular.module(‘phonecat’, []). config([‘$routeProvider’, function($routeProvider) { $routeProvider. when(‘/phones’, {templateUrl: ‘partials/phone-list.html’, […]

ng-model para “ (com diretiva DEMO)

Eu tentei usar o ng-model na tag de input com o arquivo type: Mas depois de selecionar um arquivo, no controller, $ scope.vm.uploadme ainda está indefinido. Como faço para obter o arquivo selecionado no meu controlador?

Qual é a maneira correta de se comunicar entre os controladores no AngularJS?

Qual é a maneira correta de se comunicar entre controladores? Atualmente estou usando um horrível fudge envolvendo window : function StockSubgroupCtrl($scope, $http) { $scope.subgroups = []; $scope.handleSubgroupsLoaded = function(data, status) { $scope.subgroups = data; } $scope.fetch = function(prod_grp) { $http.get(‘/api/stock/groups/’ + prod_grp + ‘/subgroups/’).success($scope.handleSubgroupsLoaded); } window.fetchStockSubgroups = $scope.fetch; } function StockGroupCtrl($scope, $http) { … $scope.select […]

Como ativar CORS em AngularJs

Eu criei uma demonstração usando JavaScript para a API de pesquisa de fotos do Flickr. Agora estou convertendo para o AngularJs. Eu procurei na internet e encontrei abaixo configuração. Configuração: myApp.config(function($httpProvider) { $httpProvider.defaults.useXDomain = true; delete $httpProvider.defaults.headers.common[‘X-Requested-With’]; }); Serviço: myApp.service(‘dataService’, function($http) { delete $http.defaults.headers.common[‘X-Requested-With’]; this.flickrPhotoSearch = function() { return $http({ method: ‘GET’, url: ‘http://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=3f807259749363aaa29c76012fa93945&tags=india&format=json&callback=?’, dataType: […]

Por que os documentos do AngularJS não usam um ponto na diretiva do modelo?

No vídeo AngularJS MTV Meetup: Melhores Práticas (2012/12/11) , Miško explica “.. se você usar ng-model, tem que haver um ponto em algum lugar. Se você não tem um ponto, você está fazendo isso errado..” No entanto, o primeiro exemplo (The Basics) no site Angular.JS parece contradizer isso. O que da? O Angular.JS mudou desde […]

Upload de arquivo usando o AngularJS

Aqui está o meu formulário HTML: Quero fazer upload de uma imagem da máquina local e quero ler o conteúdo do arquivo enviado. Tudo isso eu quero fazer usando o AngularJS. Quando tento imprimir o valor de $scope.file ele é indefinido.

Qual é a diferença entre ‘@’ e ‘=’ no escopo da diretiva no AngularJS?

Eu li atentamente a documentação do AngularJS sobre o tópico e, em seguida, procurei uma diretiva. Aqui está o violino . E aqui estão alguns trechos relevantes: Do HTML: {{text}} Da diretiva do painel: scope: { biTitle: ‘=’, title: ‘@’, bar: ‘=’ }, Existem várias coisas que não entendo: Por que preciso usar “{{title}}” com […]

Como eu uso $ scope, $ watch e $ scope. $ Apply em AngularJS?

Eu não entendo como usar $scope.$watch e $scope.$apply . A documentação oficial não é útil. O que não entendo especificamente: Eles estão conectados ao DOM? Como posso atualizar as alterações do DOM no modelo? Qual é o ponto de conexão entre eles? Eu tentei este tutorial , mas é preciso ter o entendimento de $watch […]

Passando dados entre controladores no Angular JS?

Eu tenho um controlador básico que exibe meus produtos, App.controller(‘ProductCtrl’,function($scope,$productFactory){ $productFactory.get().success(function(data){ $scope.products = data; }); }); Na minha opinião, estou exibindo esses produtos em uma lista {{product.name}} </ul O que eu estou tentando fazer é quando alguém clica no nome do produto, eu tenho outra visão chamada carrinho onde este produto é adicionado. //click one […]