J'utilise ng-repeat pour rendre les options avec une valeur et un texte différents ici, et aussi en définissant l'image par défaut. Mais à nouveau, angulaire ajoute une option vide non définie. <select ng-model="newItem.financial_year_id" required style="min-width:180px;"> <option ng-repeat="financial in account_year" value="{{financial.id}}" ng-selected="financial.status=='Active'">{{financial.financial_year}}</option> </select> Maintenant, l'actif est sélectionné, mais l'option vide est encore en cours de rendu.
Je cherche à mettre en œuvre quelque chose de similaire à celui-ci dans une directive AngularJS: Https://github.com/geniuscarrier/scrollToTop/blob/master/jquery.scrollToTop.js C'est plutôt simple, lorsque vous n'êtes pas au sommet de la page, il se fondra dans un bouton pour faire défiler jusqu'au sommet: $(window).scroll(function() { if ($(this).scrollTop() > 100) { $this.fadeIn(); } else { $this.fadeOut(); } }); Cependant, […]
J'ai essayé cela dans mon application Angular, mais cela ne fonctionne pas. J'ai donc essayé d'insérer une balise personnalisée ( <mytag> ) dans la tête et j'ai fait fonctionner la directive en remplaçant "head" par "mytag". Ce n'est cependant pas vraiment ce que je voulais, car il ajoute <mytag> au corps au lieu de <head> […]
J'utilise ui-router dans un projet AngularJS où j'ai une vue imbriquée qui contient une directive personnalisée. Cette directive rend un champ de saisie (on dit un champ de filtre) et sa valeur doit être synchronisée avec la portée du contrôleur. Cela fonctionne bien pour cette directive, lorsque la vue / l'état n'est pas imbriqué: JsFiddle […]
J'ai vu quelques plugins i18n pour Angular mais je ne veux pas réinventer la roue. I18next est une bonne bibliothèque et donc, j'ai l'intention de l'utiliser. J'ai créé une directive i18n qui appelle la bibliothèque i18n: define(['app', 'jquery', 'i18n'], function(app, $, i18n) {'use strict'; app.directive('i18n', function() { return function($scope, elm, attrs) { attrs.$observe('i18n', function(value) { […]
J'ai créé un jSFiddle de la question que je connais ici: http://jsfiddle.net/9qxFK/4/ J'ai un champ de saisie que je veux autoriser uniquement les minuscules, les chiffres et les traits d'union (ce champ sera utilisé dans une URL). J'ai la méthode suivante de contrôleur angular.js pour ce faire: $scope.auto_slug = function() { $scope.slug = $scope.slug.toLowerCase().replace(/[^a-z0-9\-\s]/g, '').replace(/\s+/g, […]
J'ai créé une directive angulaire pour mon jQuery UI datepicker. Le problème est que la directive ne met pas à jour le modèle ng de l'entrée lorsqu'une date est sélectionnée. Une idée pourquoi?
Voici mon problème. Par exemple, nous avons la directive suivante, qui utilise un widget jQuery derrière les scènes: module.directive('myWidget', [function() { return { require: "ngModel", restrict: "A", replace: true, templateUrl: "templates/myWidget.html", link: function(scope, element, attrs, ctrl) { element.widget_name().on('value_updated', function(event) { scope.$apply(function() { var newModelValue = event.some_value; ctrl.$setViewValue(newModelValue); }); }); scope.$watch(attrs["ngModel"], function(value){ element.widget_name('set_value', value); }); } […]
Sur la page de visionnage vidéo avec l'URL / Watch / video_id , J'ai eu une application ng. La directive est présentée ci-dessous. app.directive('myApp', function() { return { restrict: 'E', templateUrl: 'ng-templates/myTemplate.html', link: function(scope, elem, attrs) { }, controller: 'Controller' }; }); Puisque templateUrl est le chemin relatif, il tentera de trouver le modèle dans […]
J'ai créé une directive pour sélectionner les utilisateurs à l'aide de l'élément déroulant bootstrap. comme suit. Javascript app.directive('usersDropdown', function(ConfigService,$http) { return { templateUrl: 'app/views/users_dropdown.html', link: function($scope, element, attrs) { }); }; }); Users_dropdown.html <div class="btn-group pull-right" > <a class="btn dropdown-toggle" data-toggle="dropdown" href=""> Select User <span class="caret"></span> </a> <ul class="dropdown-menu pull-right align-left" role="menu" aria-labelledby="dropdownMenu"> <li ng-repeat […]