Articles of angularjs directive

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 () { […]

Qual é a diferença entre ng-app e data-ng-app?

Eu comecei a aprender sobre o AngularJS e estou confuso sobre quais são as diferenças entre as diretivas ng-app e data-ng-app .

Angularjs dynamic ng-pattern validation

Eu tenho um formulário que se uma checkbox de seleção é falso aplica a validação em uma input de texto usando a diretiva ng-required. Se a checkbox de seleção for true, o campo ficará oculto e o ng-required será definido como falso. O problema é que eu também tenho um regex para validação especificado na […]

Qual é a melhor maneira de aplicar condicionalmente atributos no AngularJS?

Eu preciso ser capaz de adicionar, por exemplo, “contenteditable” aos elementos, com base em uma variável booleana no escopo. Exemplo de uso: {{content.title}} Isso resultaria em contenteditable = true sendo adicionado ao elemento se $scope.editMode fosse configurado como true . Existe alguma maneira fácil de implementar esse comportamento de atributo semelhante à class ng? Estou […]

Modelo dynamic da diretiva Angular.jsURL

Eu tenho uma tag personalizada em um modelo routeProvider que solicita um modelo de directive . O atributo de version será preenchido pelo escopo, que então chama o modelo correto. Existem várias versões do hino com base no que semana e dia é. Eu estava prevendo usar a diretiva para preencher a parte correta .html […]

Diretiva AngularJS de Testes Unitários com templateUrl

Eu tenho uma diretiva AngularJS que tem um templateUrl definido. Estou tentando testá-lo com Jasmine. My Jasmine JavaScript se parece com o seguinte, de acordo com a recomendação: describe(‘module: my.module’, function () { beforeEach(module(‘my.module’)); describe(‘my-directive directive’, function () { var scope, $compile; beforeEach(inject(function (_$rootScope_, _$compile_, $injector) { scope = _$rootScope_; $compile = _$compile_; $httpBackend = […]

Como usar o recurso ‘replace’ para diretivas personalizadas do AngularJS?

Por que replace=true ou replace=false não tem impacto no código abaixo? Por que o “conteúdo existente” não está sendo exibido quando replace = false? Ou colocando-o mais humildemente, você pode gentilmente explicar o que é o recurso replace=true/false em diretivas e como usá-lo? Exemplo JS / Angular: angular.module(‘scopes’, []) .controller(‘Ctrl’, function($scope) { $scope.title = “hello”; […]

Ao escrever uma diretiva no AngularJS, como decido se não preciso de um novo escopo, um novo escopo filho ou um novo escopo isolado?

Eu estou procurando algumas diretrizes que podem ser usadas para ajudar a determinar qual tipo de escopo usar ao escrever uma nova diretiva. Idealmente, eu gostaria de algo semelhante a um streamgrama que me faça passar por várias perguntas e encontre a resposta correta – nenhum novo novo escopo, novo escopo filho ou novo escopo […]

Link vs compile vs controlador

Quando você cria uma diretiva, você pode colocar o código no compilador, na function de link ou no controlador. Nos documentos, eles explicam que: funções de compilation e link são usadas em diferentes fases do ciclo angular controladores são compartilhados entre diretivas No entanto, para mim não está claro, que tipo de código deve ir […]

Por que a propriedade `replace` está obsoleta nas diretivas AngularJS?

De acordo com os documentos da API , o atributo replace das diretivas é reprovado, portanto, no futuro, todas as diretivas se comportarão com o padrão atual de replace: false . Isso remove a capacidade dos desenvolvedores de replace o elemento de uma diretiva de elemento, sem substituição aparente para essa funcionalidade. Veja este plunk […]