Perguntas com a marcação «angularjs»

Use para perguntas sobre o AngularJS (1.x), a estrutura JavaScript de código aberto. NÃO use essa tag para Angular 2 ou versões posteriores; em vez disso, use a tag [angular].

5
Extensão da Diretiva Angular
Eu gostaria de fazer uma pequena modificação em uma diretiva de terceiros (especificamente Angular UI Bootstrap ). Desejo simplesmente adicionar ao âmbito da panediretiva: angular.module('ui.bootstrap.tabs', []) .controller('TabsController', ['$scope', '$element', function($scope, $element) { // various methods }]) .directive('tabs', function() { return { // etc... }; }) .directive('pane', ['$parse', function($parse) { return …
4
Como fazer um loop pelos itens retornados por uma função com ng-repeat?
Eu quero criar divs repetidamente, os itens são objetos retornados por uma função. No entanto, o seguinte código relata erros: 10 $ digest () iterations found. Abortando! jsfiddle está aqui: http://jsfiddle.net/BraveOstrich/awnqm/ <body ng-app> <div ng-repeat="entity in getEntities()"> Hello {{entity.id}}! </div> </body>
114 angularjs 
4
AngularJS - converter datas no controlador
Alguém poderia me sugerir como converter a data deste 1387843200000formato para 24/12/2013 dentro do meu controlador ? Apenas para sua informação, minhas datas são armazenadas dessa maneira e quando a vinculação ao formulário de edição com o input type="date"campo não está sendo preenchida. #Plunker demo aqui. EditCtrl app.controller("EditCtrl", [ "$scope", …
4
Função de classificação personalizada em ng-repeat
Eu tenho um conjunto de blocos que exibem um certo número dependendo da opção selecionada pelo usuário. Agora, gostaria de implementar uma classificação por qualquer número mostrado. O código abaixo mostra como eu o implementei (obtendo / definindo um valor no escopo dos cards pai). Agora, como a função orderBy …
8
Como filtrar (chave, valor) com ng-repeat em AngularJs?
Estou tentando fazer algo como: <div ng-controller="TestCtrl"> <div ng-repeat="(k,v) in items | filter:hasSecurityId"> {{k}} {{v.pos}} </div> </div> Parte AngularJs: function TestCtrl($scope) { $scope.items = { 'A2F0C7':{'secId':'12345', 'pos':'a20'}, 'C8B3D1':{'pos':'b10'} }; $scope.hasSecurityId = function(k,v) { return v.hasOwnProperty('secId'); } } Mas de alguma forma, ele está me mostrando todos os itens. Como posso …
6
Defina o foco do elemento de maneira angular
Depois de procurar exemplos de como definir elementos de foco com angular, vi que a maioria deles usa alguma variável para observar e definir o foco, e a maioria deles usa uma variável diferente para cada campo em que deseja definir o foco. Em um formulário, com muitos campos, isso …
8
analisando a resposta JSONP $ http.jsonp () no angular.js
Estou usando a $http.jsonp()solicitação do angular que está retornando json embrulhado em uma função com sucesso: var url = "http://public-api.wordpress.com/rest/v1/sites/wtmpeachtest.wordpress.com/posts?callback=jsonp_callback"; $http.jsonp(url). success(function(data, status, headers, config) { //what do I do here? }). error(function(data, status, headers, config) { $scope.error = true; }); Como acessar / analisar o JSON empacotado com função …
7
Diretiva AngularJS Restringir A vs E
Estou trabalhando em uma pequena equipe, construindo em AngularJS e tentando manter alguns padrões básicos e melhores práticas; especialmente porque somos relativamente novos no Angular. Minha pergunta é em relação às Diretivas. Mais precisamente, as restrictopções. Alguns de nós estão usando restrict: 'E'assim tendo <my-directive></my-directive>no html. Outros estão usando restrict: …
6
Aplicar atributo de estilo CSS dinamicamente em Angular JS
Este deve ser um problema simples, mas não consigo encontrar uma solução. Eu tenho a seguinte marcação: <div style="width:20px; height:20px; margin-top:10px; border:solid 1px black; background-color:#ff0000;"></div> Preciso que a cor de fundo seja associada ao escopo, então tentei o seguinte: <div style="{width:20px; height:20px; margin-top:10px; border:solid 1px black; background-color:{{data.backgroundCol}};}"></div> Isso não funcionou, …
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.