Articles of angularjs directive

ng-click ne fonctionne pas dans le modèle d’une directive

Noob angular ici. Je crée une directive pour afficher récursivement une arborescence de questions et de sous questions. J’utilise un lien dans le modèle qui appelle une fonction dans la scope. Pour une raison quelconque, il n’appelle pas la méthode editQuestion() . Voici le code et le violon http://jsfiddle.net/madhums/n9KNv/ HTML: Javascript: var app = angular.module(‘myApp’, […]

Insérer une directive angular par programmation

Donc, je veux essentiellement être capable de déclencher un événement, puis de comstackr une directive et de s’insérer dans une position du DOM. Actuellement, j’ai quelque chose comme ça //controller angular.module(‘app’).controller(‘MainCtrl’, function ($scope, $comstack) { $scope.$on(‘insertItem’,function(ev,attrs){ var el = $comstack( “” )( $scope ); $scope.insertHere = el; }); }); // directive angular.module(‘app’) .directive(‘chart’, function () […]

Onglets Bootstrap de l’interface utilisateur AngularJS prenant en charge le routage

Je voudrais utiliser les tabs Bootstrap de l’interface utilisateur AngularJS dans mon projet, mais j’en ai besoin pour prendre en charge le routage. Par exemple: Tab URL ——————– Jobs /jobs Invoices /invoices Payments /payments Pour autant que je sache du code source, les directives actuelles sur les tabs et les pane ne prennent pas en […]

Quelle est la priorité de la directive ng-repeat pouvez-vous la changer?

La documentation angular dit: – La compilation du DOM est effectuée par l’appel à la méthode $ comstack (). La méthode traverse le DOM et correspond aux directives. Si une correspondance est trouvée, elle est ajoutée à la liste des directives associées à l’élément DOM donné. Une fois que toutes les directives pour un élément […]

Détecter si un contenu a été donné pour une directive angularjs

J’ai une directive (une barre de progression) qui devrait avoir deux états possibles, l’un sans description et l’autre avec une étiquette sur le côté gauche. Il serait cool de simplement utiliser le contenu exclu pour cette étiquette. Est-ce que quelqu’un sait comment je peux append une classe à ma directive selon qu’un contenu a été […]

Transmettre la valeur booléenne dans la directive

J’essaie de basculer la visibilité d’un élément rendu par une directive en utilisant . La valeur ou readOnly est transmise via une directive. angular.module(‘CrossReference’) .directive(‘singleViewCard’, [function() { return { ressortingct:’AE’, templateUrl: ‘/CrossReference-portlet/js/templates/SingleViewCard.html’, replace:true, scope: { readOnly:’@’ }, link: { pre:function(scope, tElement, tAttrs) {}, post:function(scope, tElement, tAttrs) {}; } } }; }]); Cela semble fonctionner dans […]

Fermeture du modal de bootstrap de Twitter du contrôleur angular

J’ai une fenêtre modale que j’utilise pour présenter un formulaire aux utilisateurs. Ils entrent les informations et ensuite appuyez sur un bouton a un ng-clic. Le serveur traite la demande et renvoie une réponse. Lorsque la réponse est réussie, je souhaite fermer la fenêtre modale du contrôleur. Comment cela peut il etre accompli? Le modal […]

Passage variable à la directive angular

Si j’ai une directive myDir et que je l’appelle dans ng-repeat comme ça Comment puis-je accéder à myindex ? attrs.myindex la chaîne {{$index}} réelle lorsque j’utilise attrs.myindex dans la fonction postLink . Lorsque myindex=”2″ HTML, il est dit myindex=”2″ .

ngIf et ngSwitch AngularJS

Quelle différence pratique entre ngIf et ngSwitch ? Les deux directives manipulent le DOM, mais ngSwitch est plus prolixe. Est-ce que le cas typique est d’utiliser ngIf moins que vous ayez besoin de quelque chose de vraiment grand, auquel cas utilisez ngSwitch ? Y a-t-il une situation où ngSwitch et ngIf ne sont pas des […]

Comment faire pour que angular.js réévalue / recomstack le HTML interne?

Je fais une directive qui modifie le code HTML interne. Code jusqu’à présent: .directive(‘autotranslate’, function($interpolate) { return function(scope, element, attr) { var html = element.html(); debugger; html = html.replace(/\[\[(\w+)\]\]/g, function(_, text) { return ”; }); element.html(html); } }) Cela fonctionne, sauf que le HTML interne n’est pas évalué par angular. Je veux déclencher une revalorisation […]