Tagged Questions
-1
votes
1answer
27 views
In html the radio button text clickable is not happening ? I had used the two list items in ul
See my problem is that i had written the code in angularjs with the using of ng-repeat for two times and based on some condition i had differentiated thatand one more important point is that i had all ...
0
votes
2answers
49 views
AngularJS Group By Directive
I'm new to Angular and would like to learn the best way to handle a problem. My goal is to have a reusable means to create group by headers. I created a solution which works, but I think this should ...
1
vote
3answers
39 views
Why is this Angular model not completely overwritten?
I'm encountering a strange issue where a model is not completely overwritten after a new property has been set on it in a directive.
HTML:
<div ng-app="app">
<div ...
0
votes
1answer
29 views
How to refresh controller from a directive?
Here is the demo : http://plnkr.co/edit/atZZXM6YVYQL0SilpWxq?p=preview
In a table, I display each value of my collection, everything is fine. But when I remove one element in the list, the controller ...
0
votes
1answer
23 views
Select Last HTML Select element from multiple select elements using AngularJs
Hello guys I am working on an application where I am using django-tastypie as backend and AngularJs for front end.I am totally new to AngularJs. In my template there may be multiple HTML Select tags ...
0
votes
1answer
30 views
Angularjs creating questionaire that allows ranking choices
I'm creating a questionaire for users that allow them to choose and rank personality attributes that best match them. There are three choices in each row and everytime they click on a choice it ...
1
vote
1answer
75 views
Recursion using Angularjs and Append Elemnts to an HTML Template
I am quite new to Angularjs . I am working on an app which use Angularjs for front end and django-tastypie for back end. What I am doing is i have a topics list where topics are nested in each others ...
0
votes
0answers
50 views
AngularJS - Range slider doesn't work in ng-repeat (plugin)
I am trying to use this plugin in my project to have multiple range slider within ng-repeat. http://prajwalkman.github.io/angular-slider/
The plugin works fine when there is single slider , but when ...
2
votes
1answer
56 views
autoscroll angularjs doesn't seem to work
Hi I'm building a chatapp in angularjs and I want the chatbox to scroll down automatically. I'm using this example that I put in a directive: http://jsfiddle.net/atRkJ/
It works as it is but when I ...
1
vote
2answers
79 views
Angularjs isolates scope directive with ng-repeat
I'm trying to use directive on ng-repeat items each with an isolate scope but it isn't working. I'm looping through each item and coloring it red with the inboxuser-select directive. However, when I ...
0
votes
1answer
43 views
Unable to print scope variable inside ng-repeat
I am trying to associate id inside an ng-repeat loop. Can someone suggest how can i do this?
here is the code
<li ng-repeat="agent in agents">
<chart ...
0
votes
0answers
29 views
How to get a callback when element will be completely builded
I have custom directive which moves DOM element on every ngShow which returns true. This directive requires dimensions of dom element.
HTML
<div class="span5 search-results__mentions-block" ...
3
votes
2answers
101 views
ng-repeat not loading data after html has been compiled
I have a directive that copies a bit of html that includes a controller and an ng-repeat. I compile the html and stick it into the dom. I can see that the new html is picking up the scope of the ...
1
vote
1answer
42 views
angularJS: Why does binding to scope inside a directive result in lost content of ng-repeat?
I have this fairly simple HTML structure:
<div ng-controller="MyCtrl">
<div dir1="xy"><div>dir1static</div><div ng-repeat="item in ...
0
votes
0answers
60 views
Angularjs and bindonce - Is this a proper way of using bindonce and how to check that it is working correctly?
So here is my question:
I have the following:
<li bindonce ng-repeat="value in Types" ng-include="'views/repeaters/types.html'"></li>
and I was wondering if this is the correct way to ...
0
votes
0answers
43 views
Paginated slides in Angular
I have an array of items which I want to filter on different kinds of filters. Because I have more than 2000 items I want to paginate between pages so I've created a startFrom directive and used ...
0
votes
0answers
66 views
what are $$hashkey objects in Angularjs? How can I read multiple file inputs?
I am trying to get multiple file attachments from file inputs using the following directive:
var app = angular.module('app',['ui.bootstrap']).config(function($interpolateProvider){
...
0
votes
1answer
92 views
AngularJS directives with HTML5 drag and drop — issue with scope object
I'm fairly new to angular and I'm having a hard time wrapping my head around where the items are being pushed to. I am not sure if I am correctly setting up the functions to be used with drag/drop and ...
0
votes
2answers
90 views
How to use ng-repeat in directive with isolate scope?
I'm trying to use ng-repeat in a directive that has an isolate scope, but I can't seem to get it working.
When I add an isolate scope to my directive, ng-repeat seems to not be able to see items, ...
0
votes
0answers
58 views
Angularjs ng-repeat orderby error in custom directive
I have a directive that creates a list, I'm trying to get the column sorting to work, so I created another directive for sorting the columns.
I get this error in the console while I'm trying to ...
2
votes
2answers
125 views
ng-repeat's compile and link functions
I'm trying to understand the difference between compile and link function. In the angular documentation for the compiler it says
Some directives such as ng-repeat clone DOM elements once for each ...
0
votes
1answer
131 views
AngularJS - ngRepeat. Need to keep focus on the same element event after ng-repeat re rendering
I have a list of three inputs, each of them can be deleted by the user by pressing a red cross placed at the left side of them. When the user delete one input, the next one is focused and the selected ...
0
votes
1answer
91 views
AngularJS Directive for decimal numbers between 0 and 1
I want a directive in AngularJS which should allow decimal numbers between 0 and 1. In addition, it can allow "-1" as well.
For eg:
-1 is valid
0 is valid
1 is valid
0.12 is valid
0.99 is valid
...
0
votes
1answer
153 views
LocalStorage with directive in AngularJS
I use ngStorage (https://github.com/gsklee/ngStorage) for storing some data in the localStorage of the browser.
I have this markup
<ul class="cards">
<li ng-repeat="card in cards">
...
0
votes
0answers
108 views
Integration of Angular and JQuery.iCheck by using a directive is not working
I'm trying to integrate JQuery.iCheck (plugin for checkbox&Radio buttons styling).
I followed few suggestions here that said the the way to integrate a jQuery plugins to be fully compatible with ...
0
votes
2answers
75 views
What is `priority` of ng-repeat directive can you change it?
Angular Documentation says: -
The compilation of the DOM is performed by the call to the $compile() method. The method
traverses the DOM and matches the directives. If a match is found it is added to ...
1
vote
2answers
115 views
{{$index}} of ng-repeat computed after linker function of angular directive. $compile it?
html
<div repeater ng-repeat='item in items' class='first' id = '{{$index}}' > {{item}} </div>
angularjs directive:-
angular.module('time', [])
.directive('repeater', function() {
...
0
votes
0answers
31 views
Problems with scope: ng-repeated and filtered custom directives
I have an array of objects that each contain a url, a title, and a description of page content, and I built a little directive to display the information.
On initial glance, my directive works fine. ...
0
votes
2answers
149 views
Transcluding a child directive into a parent directive
I'm a newbie to Angular and have been trying small samples to learn the code.
Firstly, I would like to thank the brilliant solutions posted in stackoverflow.com.
Saved me so many hours so many times ...
0
votes
1answer
132 views
Injecting a HTML template to DOM on click the clean way (Create an instance of a class)?
In my AngularJS project I have something like this (it's a dropdown menu with customer names. With a click on one of the names a Scrum Card should appear with the customer's names inserted in the ...
0
votes
2answers
190 views
AngularJs radio buttons are connected when using ng-form in ng-repeat
See this plnkr http://plnkr.co/edit/WZHMuYY3y2wbI6UysvY6?p=preview
When using a ng-form tag on an ng-repeat which contains a radio button group, the radio buttons are linked so if you check a radio ...
0
votes
1answer
139 views
ng-repeat, directive and on-click. How do they combine?
I want to trap on-click event of button. The id of button is dynamically generated inside the ng-repeat.
.set(ng-repeat='button in ['4', '3' , '2', '1' ]')
button(id='{{$index}}') button ...
1
vote
1answer
475 views
Angularjs dom load ready
I am working on angularjs. I created a scrlipt. When I started applciation on browser, appearing like this,
and a little later coming result,
<body>
<div ...
0
votes
2answers
260 views
Using ng-repeat to repeat the same div with different id and ng-init
How would I use ng-repeat to repeat multiple divs with this structure (where neighborhood will be different for every div, but the rest will be the same)?
<div id="neighborhood" ...
1
vote
1answer
106 views
angularjs : select with different (key, value) not working properly
I am trying to load angular "select" with the following code
<select class="span11" ng-model="user.countryOfResidence" ng-options="c.option as c.value for c in countries" required>
Its loads ...
0
votes
1answer
102 views
Angular ng-repeat and jQuery plugin
I'm trying to turn this jQuery plugin into an Angular directive. I did the following:
define(['directives/directives'], function(directives){
directives.directive('vivifysortable', ['$rootScope', ...
0
votes
1answer
129 views
Angularjs : how to use key of object to retrieve value of another json object
i have an array of json objects
$scope.arrary = [{"a":"value"},{"b":"value2"},{"c":"value3"}];
$scope.secondObje = {"a":"this is updated value","b":"this is new value"}
i can iterate through ...
0
votes
0answers
25 views
How to use binding in directive?
In my ng-repeat I have a directive called update which takes the current index of repeat. How can I pass index value to my directive ?
This is how my markup looks like:
<ul>
<li ...
1
vote
1answer
142 views
How to update $scope.items array order in response to user re-sorting the DOM array using Angular-UI ui-sortable directive
I am using ui-sortable directive (from angular-ui ) in the view
<ul ui-sortable>
<li ng-repeat="item in items" >
{{item.property1}}
{{item.property2}}
</li>
...
0
votes
1answer
208 views
AngularJS dynamic table with multiple headers based on hierarchical collections
I'm trying to create a table with two rows for header, based on a hierarchical collection. I've found that ng-repeat can't do that, and I'm trying to make the job with a directive and Angular.forEach.
...
2
votes
1answer
63 views
“Deep” angular application vs. “wide” angular application? AKA many components/directives vs. many controllers
Which is better: to split up an application into many different directives/components or into many different controllers?
Splitting up the application into many different directives/components ...
2
votes
3answers
1k views
AngularJS directive inside ng-repeat is not playing nice
I'm trying to re-use a portion of my HTML view in multiple places. The portion I want to re-use is table cells in an HTML table. The problem is that my custom directive inside a ng-repeat is doing ...
2
votes
1answer
240 views
Angular Directive table rows issue
I am a beginner Angular programmer, but I am really close to understanding the directives.
I create a fiddle here, but I have never used fiddle before, and it is not quite rendering ...
the tr-row ...
0
votes
1answer
207 views
AngularJS Directive with no Template and Sharing the updates from parent scope
I have a very simple requirement where a directive is placed inside a ng-repeat in this I wanted to push down the changes to directive so it updates the UI. Meaning I want the value of Contact(not ...
0
votes
2answers
193 views
trying to use angular-ui-bootstrap radiobutton directive with ng-repeat in an angular project
So... I'm trying to generate a radiobutton group using ng-repeat:
<div class="btn-group yb-radiobuttons">
<button type="button" class="btn" ng-model="radioModel" btn-radio="'all'">All ...
0
votes
1answer
110 views
Angularjs : adding ng-repeat in a directive
i am new to angularjs and trying to write a directive. My code for directive is
Directives.directive("roleTemplate", function(){
return {
restrict : 'EA',
template : '<div ...
0
votes
2answers
128 views
ng-repeat wont work in directive template
I am trying to use ng-repeat in directive template like this:
JS
var module = angular.module("myModule", []);
module.directive('direct', function ()
{
return {
restrict: 'E',
...
1
vote
2answers
73 views
AngularJS directive
I am adding the following div multiple times on a page.
<div class="box span6">
<div class="box-header">
<h2 class="custom"><i class="fa-icon-group" ...
0
votes
2answers
226 views
AngularJS – append row after element in directive
My question is similar as this one, but instead of prepending row, I want it to append.
This doesn’t work:
app.directive('createTable', function ($compile) {
return {
link: function (scope, ...
0
votes
2answers
186 views
Angularjs - Accessing shared service data from an ng-repeated directive
I'm trying to create drag-drop directives using Angularjs. Draggables in this scenario are generated by an ng-repeat directive, walking over an array. Code at http://jsbin.com/ECAWuDE/1/edit works as ...
