Perguntas com a marcação «angularjs»

O AngularJS ajuda de alguma forma na definição de uma activeclasse no link da página atual? Imagino que exista alguma maneira mágica de fazer isso, mas não consigo encontrar. Meu menu se parece com: <ul> <li><a class="active" href="/tasks">Tasks</a> <li><a href="/actions">Tasks</a> </ul> e tenho controladores para cada um deles em minhas …

205 angularjs 

Eu tenho uma lista de itens em minha opinião ng-clickanexados a eles: <ul id="team-filters"> <li ng-click="foo($event, team)" ng-repeat="team in teams"> <img src="{{team.logoSmall}}" alt="{{team.name}}" title="{{team.name}}"> </li> </ul> Estou manipulando os eventos de clique na foofunção na minha diretiva, passando $eventcomo uma referência ao objeto que foi clicado, mas estou obtendo uma …

204 angularjs  angularjs-directive 

Estamos analisando opções para criar o front end de um aplicativo que estamos criando e tentando avaliar uma ferramenta que funcionará para nós e nos fornecerá a melhor plataforma para avançar. Este é um projeto do Node.js. Nosso plano inicial era usar o Express e seguir esse caminho, mas decidimos …

201 javascript  node.js  angularjs 

https://docs.angularjs.org/guide/directive Ao ouvir esse evento, você pode remover os ouvintes de eventos que podem causar vazamento de memória. Os ouvintes registrados nos escopos e nos elementos são limpos automaticamente quando são destruídos, mas se você registrou um ouvinte em um serviço ou um ouvinte em um nó DOM que não …

200 angularjs  memory-leaks 

Código fonte HTML <div ng-app=""> <div ng-controller="test"> <div ng-address-bar browser="html5"></div> <br><br> $location.url() = {{$location.url()}}<br> $location.search() = {{$location.search('keyword')}}<br> $location.hash() = {{$location.hash()}}<br> keyword valus is={{loc}} and ={{loc1}} </div> </div> Código fonte AngularJS <script> function test($scope, $location) { $scope.$location = $location; $scope.ur = $scope.$location.url('www.html.com/x.html?keyword=test#/x/u'); $scope.loc1 = $scope.$location.search().keyword ; if($location.url().indexOf('keyword') > -1){ $scope.loc= $location.url().split('=')[1]; …

199 javascript  angularjs  routeparams 

Eu tenho a seguinte função Angular: $scope.updateStatus = function(user) { $http({ url: user.update_path, method: "POST", data: {user_id: user.id, draft: true} }); }; Mas sempre que essa função é chamada, estou entrando ReferenceError: $http is not definedno meu console. Alguém pode me ajudar a entender o que estou fazendo de errado …

199 angularjs  javascript-framework  angular-http 

Estou tendo um problema ao vincular botões de opção a um objeto cujas propriedades possuem valores booleanos. Estou tentando exibir perguntas do exame recuperadas de um recurso $. HTML: <label data-ng-repeat="choice in question.choices"> <input type="radio" name="response" data-ng-model="choice.isUserAnswer" value="true" /> {{choice.text}} </label> JS: $scope.question = { questionText: "This is a test …

199 angularjs  data-binding  model  radio 

Preciso executar algumas operações no escopo e no modelo. Parece que eu posso fazer isso na linkfunção ou na controllerfunção (já que ambos têm acesso ao escopo). Quando é que eu tenho que usar a linkfunção e não o controlador? angular.module('myApp').directive('abc', function($timeout) { return { restrict: 'EA', replace: true, transclude: …

199 javascript  angularjs  angularjs-directive 

Alguém pode esclarecer qual é o ciclo de vida de um controlador AngularJS? Um controlador é um singleton ou criado / destruído sob demanda? Neste último caso, 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: …

199 javascript  angularjs 

Como você sabe, tanto o angular quanto o galho têm construção de controle comum - chaves duplas. Como posso alterar o valor padrão de Angular? Eu sei que posso fazer isso no Twig, mas em alguns projetos não posso, apenas JS.

198 angularjs  twig 

Dentro de um módulo, um controlador pode herdar propriedades de um controlador externo: var app = angular.module('angularjs-starter', []); var ParentCtrl = function ($scope, $location) { }; app.controller('ChildCtrl', function($scope, $injector) { $injector.invoke(ParentCtrl, this, {$scope: $scope}); }); Exemplo via: Dead link : http://blog.omkarpatil.com/2013/02/controller-inheritance-in-angularjs.html Um controlador dentro de um módulo também pode herdar …

198 angularjs  inheritance  angularjs-controller 

Estou tentando criar uma diretiva que cuida de adicionar mais diretivas ao elemento em que é declarada. Por exemplo, eu quero construir uma directiva que cuida de adicionar datepicker, datepicker-languagee ng-required="true". Se eu tentar adicionar esses atributos e usá-lo $compile, obviamente gerarei um loop infinito, por isso estou verificando se …

197 javascript  angularjs  model-view-controller  mvvm  angularjs-directive 

Na página Angular-UI-Bootstrap em cdnjs, diz: Diretivas nativas do AngularJS (Angular) para o Bootstrap do Twitter. Tamanho reduzido (5 kB compactado!), Sem dependência de JavaScript de terceiros (jQuery, Bootstrap JavaScript)! ... e tem opções para //cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.6.0/ui-bootstrap-tpls.min.js e //cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.6.0/ui-bootstrap.min.js Diferenciar isso mostra uma diferença sutil, e não consigo encontrar nenhuma documentação …

196 angularjs  angular-ui  angular-ui-bootstrap 

Usando Angular e Phonegap, estou tentando carregar um vídeo que esteja em um servidor remoto, mas que deparei com um problema. No meu JSON, o URL é inserido como um URL HTTP simples. "src" : "http://www.somesite.com/myvideo.mp4" Meu modelo de vídeo <video controls poster="img/poster.png"> <source ng-src="{{object.src}}" type="video/mp4"/> </video> Todos os meus …

195 javascript  angularjs  cordova 

Eu sou novo no AngularJS e, para começar, pensei em desenvolver um novo aplicativo usando apenas o AngularJS. Estou tentando fazer uma chamada AJAX para o lado do servidor, usando $httpmeu aplicativo Angular. Para enviar os parâmetros, tentei o seguinte: $http({ method: "post", url: URL, headers: {'Content-Type': 'application/x-www-form-urlencoded'}, data: $.param({username: …

195 javascript  jquery  angularjs  ajax  angularjs-http