Articles of angularjs

URL hash-bang (#! /) Prefixo em vez de simples hash (# /) em Angular 1.6

Meus URLs em um projeto AngularJS foram alterados de localhost:3000/admin#/ para localhost:3000/admin#!/ Desde a última vez que trabalhei no meu projeto … Nada encontrado na web, alguém sabe o que é isso?

Por que os callbacks de methods Promise `.then ‘são um antipadrão

Eu vi respostas no StackOverflow onde as pessoas sugerem fornecer uma function de retorno de chamada para um serviço AngularJS. app.controller(‘tokenCtrl’, function($scope, tokenService) { tokenService.getTokens(function callbackFn(tokens) { $scope.tokens = tokens; }); }); app.factory(‘tokenService’, function($http) { var getTokens = function(callbackFn) { $http.get(‘/api/tokens’).then (function onFulfilled(response) { callbackFn(response.data); }); }; return { getTokens: getTokens }; }); Isto parece-me […]

como dividir os dados de repetição ng com três colunas usando bootstrap

Eu estou usando ng-repeat com o meu código eu tenho ‘n’ número de checkbox de texto com base em ng-repeat. Quero alinhar a checkbox de texto com três colunas. este é meu código {{$index+1}}.

$ on e $ broadcast em angular

Eu tenho um footerController e codeScannerController com diferentes pontos de vista. angular.module(‘myApp’).controller(‘footerController’, [“$scope”, function($scope) {}]); angular.module(‘myApp’).controller(‘codeScannerController’, [“$scope”, function($scope) { console.log(“start”); $scope.startScanner = function(){… Quando clico em um em footer.html, eu devo obter este evento em codeScannerController. 3 Eu acho que pode ser realizado com $on e $broadcast , mas não sei como e não consigo […]

ng-bind-html angular e diretiva dentro dele

Link Plunker Eu tenho um elemento que gostaria de vincular html a ele. Isso funciona. Agora, junto com isso, eu também tenho uma diretiva que está vinculada ao HTML vinculado: $scope.details = ‘Success! details’ Mas a diretiva upper com o div e a âncora não avaliam. Como eu faço funcionar?

Como chamar um método definido em uma diretiva AngularJS?

Eu tenho uma diretiva, aqui está o código: .directive(‘map’, function() { return { restrict: ‘E’, replace: true, template: ”, link: function($scope, element, attrs) { var center = new google.maps.LatLng(50.1, 14.4); $scope.map_options = { zoom: 14, center: center, mapTypeId: google.maps.MapTypeId.ROADMAP }; // create map var map = new google.maps.Map(document.getElementById(attrs.id), $scope.map_options); var dirService= new google.maps.DirectionsService(); var dirRenderer= […]

Como acessar o escopo pai a partir de uma diretiva personalizada * com o próprio escopo * no AngularJS?

Eu estou procurando por qualquer maneira de acessar o escopo “pai” dentro de uma diretiva. Qualquer combinação de escopo, transclude, requer, passando variables ​​(ou o próprio escopo) de cima, etc. Eu estou totalmente disposto a me atrasar, mas eu quero evitar algo totalmente hacky ou insustentável. Por exemplo, eu sei que eu poderia fazer isso […]

como usar o ng-option para definir o valor padrão do elemento select

Eu vi a documentação da diretiva de seleção Angular aqui: http://docs.angularjs.org/api/ng.directive:select . Eu não consigo descobrir como definir o valor padrão. Isso é confuso: selecione como label para valor na matriz Aqui está o object: { “type”: “select”, “name”: “Service”, “value”: “Service 3”, “values”: [ “Service 1”, “Service 2”, “Service 3”, “Service 4”] } O […]

AngularJS-Twig conflito com chaves duplas

Como você sabe, angular e twig tem construção de controle comum – chaves duplas. Como posso alterar o valor padrão do Angular? Eu sei que posso fazer isso no Twig, mas em alguns projetos eu não posso, apenas JS.

Filtrando por várias propriedades de modelo específico em AngularJS (em relação OR)

Dê uma olhada no exemplo aqui: http://docs.angularjs.org/api/ng.filter:filter Você pode pesquisar por qualquer uma das propriedades do telefone usando e pode pesquisar apenas pelo nome usando , e os resultados são filtrados adequadamente por nome (digitar um número de telefone não retorna nenhum resultado, como esperado). Digamos que eu tenha um modelo com uma propriedade “name”, […]