Articles of angularjs

Serviço AngularJS passando dados entre controladores

Ao usar um serviço AngularJS para tentar passar dados entre dois controladores, meu segundo controlador sempre fica indefinido ao tentar acessar dados do serviço. Eu estou supondo que isso é porque o primeiro serviço faz um $ window.location.href e eu estou pensando que isso está limpando os dados no serviço? Existe uma maneira de alterar […]

Estrutura do Arquivo de Aplicativo AngularJS

Em um grande aplicativo AngularJS, ter todos os meus controladores em um único arquivo “controllers.js” parece um pouco inexequível para mim. Existe uma maneira melhor de fazer isso, como: \js\controllers\myController.js \js\controllers\yourController.js \js\controllers\ourController.js e isso também se aplica a filtros, serviços, diretivas etc …

ngRepeat – limitando o número de resultados exibidos

Eu sou um grande AngularJS n00b e estou encontrando até mesmo os tutoriais difíceis de entender. Este tutorial está me guiando pela criação de um aplicativo que exiba telefones. Estou no passo 5 e pensei que, como experiência, tentaria permitir que os usuários especificassem quantos deles gostariam de ser exibidos. A visão é assim: Search: […]

Atribuir dinamicamente o modelo ng

Eu estou tentando gerar um conjunto de checkboxs de seleção de uma matriz de object. Eu pretendo que as checkboxs de seleção mapeiam dinamicamente seu modelo ng para uma propriedade do novo object que será submetido ao array. O que eu tinha em mente é algo como {{item.name}} Isso não funciona como pode ser visto […]

Injetando Dependências nos Módulos config () – AngularJS

Atualmente em app.js eu tenho as seguintes rotas: var gm = angular.module(‘gm’, [‘gm.services’,’gm.directives’,’gm.filters’,’gm.controllers’,’ngSanitize’]); gm.config([‘$routeProvider’, ‘Path’, function($routeProvider, Path) { $routeProvider.when(‘/login’, { templateUrl: Path.view(‘application/authentication/login.html’), controller: ‘authController’ }); $routeProvider.when(‘/dashboard’, { templateUrl: Path.view(‘application/dashboard/index.html’), controller: ‘dashboardController’ }); $routeProvider.otherwise({ redirectTo: ‘/login’ }); }]); Estou tentando influenciar a dependência Path como você pode ver. Embora eu receba um erro dizendo que não […]

Angular $ http vs serviço vs ngResource

Gostaria de entender as vantagens / desvantagens de usar uma solicitação $ http simples para um servidor e / ou encapsular essa solicitação em um serviço versus usar um object ngResource (além do óbvio em relação a um recurso RESTful). Pelo que entendi, as solicitações $ http são de baixo nível, mas muito flexíveis e […]

Usando modelos in-line em angular

Eu queria carregar um modelo de exibição in-line. Eu coloquei o modelo em uma tag de script do tipo text/ng-template e configurei o id como temp1.html . e aqui está o que minha configuração de módulo parece learningApp.config(function ($routeProvider) { $routeProvider .when(“/first”,{ controller: “SimpleController”, templateUrl: “temp1.html”}) .when(“/second”, {controller: “SimpleController”, templateUrl: “temp2.html”}) .otherwise({redirectTo : “/first”}); }); […]

Angularjs ui-roteador. Como redirect para a página de login

Eu tenho 4 estados: dashboard , dahboard.main , dashboard.minor , login . O painel é abstrato e é um estado pai para os estados .minor e .main. Abaixo está o meu código: .state(‘dashboard’, { url: “/dashboard”, abstract: true, templateUrl: “views/dashboard.html”, resolve: { auth: function ($q, authenticationSvc) { var userInfo = authenticationSvc.getUserInfo(); if (userInfo) { return […]

Como converter Blob para arquivo em JavaScript

Eu preciso fazer upload de uma imagem para o servidor NodeJS para algum diretório. Eu estou usando o módulo do nó connect-busboy para isso. Eu tinha o dataURL da imagem que converti para blob usando o seguinte código: dataURLToBlob: function(dataURL) { var BASE64_MARKER = ‘;base64,’; if (dataURL.indexOf(BASE64_MARKER) == -1) { var parts = dataURL.split(‘,’); var […]

Como atualizar / invalidar o cache de resources $ no AngularJS

Eu tenho um recurso User $ simples que usa a implementação de cache $ http padrão da seguinte forma: factory(‘User’, function($resource){ return $resource(endpoint + ‘/user/current/:projectId’, {}, {get: { cache: true, method: ‘GET’ } } ); }) Isso funciona muito bem, ou seja, meu servidor é chamado apenas uma vez em meu aplicativo e, em seguida, […]