angularjs-directive

Is it not possible to set value from parent scope to contentEditable directive via isolated scope using two-way binding? Code here: http://jsfiddle.net/bharatwaj/3wTd3/5 HTML: <input ng-model="foo" /> <div contentEditable="true" binding-foo="foo" ng-model="input.name" title="Click to edit"></div> <pre>model = {{input.name}}</pre> JS: angular.module('form-example2', []).directive('contenteditable', function () { return { scope: { isolatedBindingFoo: '=bindingFoo' }, require: 'ngModel', link: function (scope, elm, attrs, ctrl) { console.log('isolatedBindingFoo value is ' + scope

I want to add a directive dynamically to all my textboxes in all my controllers & forms. I got a hack from here : How to dynamically add a directive to an input element in AngularJS but in my case: there are around 200+ forms spread across different controllers & modules & it will be very time consuming to add it everywhere. Is there an easier or more elegant way to do it ? Edit: What I want to do ? I want to remove all leading & trailing spaces entered by user in all input boxes. Angular can have multiple directives with the same name, and will apply them all to the element. Create another

I am trying to reconcile using the following directive for changing a button's loading state via bootstrap js plugin: .directive("btnLoading", function() { return function(scope, element, attrs) { scope.$watch(function() { return scope.$eval(attrs.btnLoading); }, function(loading) { if (loading) return element.button("loading"); element.button("reset"); }); }; This is working quite well as it controls the state of the button when necessary and adds the loading text as advertised. The issue I am running into is that when this directive is applied to a button as well as utilizing ng-disabled

Hi I am trying to localize the strings for pluralization in Angular. I am using ng-pluralize directive to handle pluralization and for localizations I am passing the strings to the directive at runtime based on user locale. But I am getting error "TypeError: Object # has no method 'one'" even if the $scope is loaded with translated strings.Following is my html code, <input class="input-text" type="number" ng-model="candyCount" ng-keypress="loadStrings()"/> <ng-pluralize count = "candyCount" when = "translateStrings" ></ng-pluralize> Javascript code myApp.controller(‘MyCtrl’,function($scope){

It is working for Static dropdown list, but when its applying for dynamic data load with angularjs the selectpicker has been applied, but data's are not loaded. if I removed this directive from dropdown then datas are loaded perfectly, what is the issue? I have tried more... Note : the method created using with class so, no issue in that bootselectpicker: function() { return { restrict: "A", require: "ngModel", link: function(scope, element, attrs, ctrl) { element.selectpicker(); } } } <select id="special-size" bootselectpicker ng-model="items.selectSize" ng-options="size.key as size.value for

I have a table as shown below ╔═════╦═════╦═════╦═════╗ ║ A ║ B ║ C ║ D ║ ╠═════╬═════╬═════╬═════╣ ║ abc ║ pqr ║ XYZ ║ RSY ║ ╚═════╩═════╩═════╩═════╝ Now, In this table, I am using a content-editable of HTML5 for the column B . With this, I am able to edit the contents of the column B . Now, Here when I edit this, Is there any way through I will get to know which row has been edited and the value of a column An as well like, suppose I have edited pqr -> aaa then It should be like ╔═════╦═════╦═════╦═════╗ ║ A ║ B ║ C ║ D ║ ╠═════╬═════╬═════╬═════╣ ║ abc ║ aaa ║ XYZ ║ RSY ║ ╚═════╩═════╩════

I am creating a trip view using google map with angularjs directive. All works fine except the google map fitbound to a latitude longitude collection. I have tried all the way to use the fitbounds methods but failed. Thanks, Below is my code efforts. Directive: <div class="trip-google-map" trip-map="" mapid="2" latitude="22.998673" longitude="72.514346"></div> Directive Code: app.directive('tripMap', function ($compile) { return { controller: function ($scope, $location, mapService) { this.registerMap = function (myMap) { mapService.setTripMap(myMap); }; }, link: function (scope, elem, attrs,