Articles of angularjs

Como exigir um controlador em uma diretiva angularjs

Alguém pode me dizer como include um controlador de uma diretiva em outra diretiva angularJS. por exemplo eu tenho o seguinte código var app = angular.module(‘shop’, []). config([‘$routeProvider’, function ($routeProvider) { $routeProvider.when(‘/’, { templateUrl: ‘/js/partials/home.html’ }) .when(‘/products’, { controller: ‘ProductsController’, templateUrl: ‘/js/partials/products.html’ }) .when(‘/products/:productId’, { controller: ‘ProductController’, templateUrl: ‘/js/partials/product.html’ }); }]); app.directive(‘mainCtrl’, function () { […]

Filtros angulares e SVG

Eu vi um comportamento estranho ao usar o SVG com o AngularJS. Estou usando o serviço $routeProvider para configurar minhas rotas. Quando eu coloco este SVG simples em meus templates, está tudo bem: // … Mas quando eu adiciono um filtro, com este código por exemplo: Então: Funciona na minha homepage . Com o Firefox […]

Enviar formulário ao pressionar Enter com AngularJS

Neste caso em particular, quais opções eu tenho para fazer essas inputs chamar uma function quando eu pressionar Enter? // HTML view // <input type="text" ng-model="name" /> <input type="text" ng-model="email" /> // Controller // .controller(‘mycontroller’, [‘$scope’,function($scope) { $scope.name = ”; $scope.email = ”; // Function to be called when pressing ENTER $scope.myFunc = function() { […]

Injetando uma simulação em um serviço AngularJS

Eu tenho um serviço AngularJS escrito e gostaria de testá-lo em unidade. angular.module(‘myServiceProvider’, [‘fooServiceProvider’, ‘barServiceProvider’]). factory(‘myService’, function ($http, fooService, barService) { this.something = function() { // Do something with the injected services }; return this; }); Meu arquivo app.js tem estes registrados: angular .module(‘myApp’, [‘fooServiceProvider’,’barServiceProvider’,’myServiceProvider’] ) Eu posso testar o DI está funcionando como tal: […]

Como impor nomes de usuários exclusivos com o simplelogin do Firebase

Recentemente, segui um tutorial sobre o Thinkster para criar um aplicativo da Web usando o Angular e o Firebase. O tutorial usa o método Firebase simpleLogin para permitir a criação de um ‘perfil’ que inclua um nome de usuário. Fábrica: app.factory(‘Auth’, function($firebaseSimpleLogin, $firebase, FIREBASE_URL, $rootScope) { var ref = new Firebase(FIREBASE_URL); var auth = $firebaseSimpleLogin(ref); […]

AngularJS: como implementar um simples upload de arquivo com formulário multiparte?

Eu quero fazer uma simples postagem de formulário multipartes do AngularJS para um servidor node.js, o formulário deve conter um object JSON em uma parte e uma imagem na outra parte, (atualmente estou postando apenas o object JSON com $ resource) Eu imaginei que deveria começar com a input type = “file”, mas depois descobri […]

Qual é o ciclo de vida de um controlador AngularJS?

Alguém pode esclarecer o que é o ciclo de vida de um controlador AngularJS? Um controlador é um singleton ou criado / destruído sob demanda? Se este último, o que desencadeia a criação / destruição do controlador? Considere o exemplo abaixo: var demoApp = angular.module(‘demo’) .config(function($routeProvider, $locationProvider) { $routeProvider .when(‘/home’, {templateUrl: ‘/home.html’, controller: ‘HomeCtrl’}) .when(‘/users’,{templateUrl: […]

Como melhorar o desempenho do ngRepeat em um dataset enorme (angular.js)?

Eu tenho um enorme dataset de vários milhares de linhas com cerca de 10 campos cada, cerca de 2MB de dados. Eu preciso exibi-lo no navegador. A abordagem mais direta (buscar dados, colocá-los em $scope , deixar ng-repeat=”” fazer seu trabalho”) funciona bem, mas congela o navegador por cerca de meio minuto quando começa a […]

Angular js init ng-model a partir dos valores padrão

Digamos que você tenha um formulário que tenha valores carregados do database. Como você inicializa o ng-model? Exemplo: No meu controlador, $ scope.card é indefinido inicialmente. Existe uma maneira além de fazer algo assim? $scope.card = { description: $(‘myinput’).val() }

AngularJS – Acesso ao escopo filho

Se eu tenho os seguintes controladores: function parent($scope, service) { $scope.a = ‘foo’; $scope.save = function() { service.save({ a: $scope.a, b: $scope.b }); } } function child($scope) { $scope.b = ‘bar’; } Qual é a maneira correta de deixar o parent ler b fora da child ? Se for necessário definir b em parent , […]