1
vote
1answer
23 views
Public directory of angularjs directives
Where are some public listings of angularjs directives that people have written? FYI I'm obviously not asking about directives that are included with angularjs.
0
votes
1answer
24 views
Angularjs Directive Assistance with Bootstrap-UI $Dialog
I am working on creating a custom directive which creates a button within an ng-repeat and will bind to the current item. Once the button is clicked, a $dialog opens with a select2 box to select and ...
0
votes
1answer
28 views
Cannot figure out how to create a directive with $parsers and $formatters
I want to create a directive that will allow a user to input a date in a wide variety of formats. When the underlying model changes (whether via direct user input, or programmatically), I would like ...
0
votes
1answer
26 views
Multiple directive instances and events
I have a directive that I use multiple times on a page. It fires an event when the state changes, and the controller then handles the event.
The problem is that the event is fired twice. I get why ...
0
votes
1answer
21 views
Changed value on AngularJS Service not triggering watch within directive
I'm having an issue getting a watch to work within a directive. I've put together a simple example here. http://plnkr.co/edit/A7zbrsh8gJhdpM30ZH2P
I have a service and two directives. One directive ...
0
votes
3answers
26 views
Angular directive name: only lower case letters allowed?
My code:
app.directive('abcabc', function (){ alert('directive');}); // working
but
app.directive('abcAbc', function (){ alert('directive');}); // not working !
app.directive('abc-abc', function ...
0
votes
2answers
33 views
Cant able to access my selector in angular js mouseover event
I cant able to access the li element inside the div . I added mouseover event to li but it binds to its parent div only.
HTML:
<div>
<ul class="rating">
<li ...
0
votes
2answers
24 views
AngularJS Directive to Modify ng-bind and Add Ellipsis
I've made an AngularJS directive to add an ellipsis to overflow: hidden text. It doesn't seem to work in Firefox, and I don't believe I've structured it as well as possible. The flow is:
Add ...
1
vote
1answer
16 views
Unit testing an AngularJS directive that watches an an attribute with isolate scope
I have a directive that uses an isolate scope to pass in data to a directive that changes over time. It watches for changes on that value and does some computation on each change. When I try to unit ...
0
votes
1answer
29 views
AngularJS - Need some combination of $routeChangeStart and $locationChangeStart
My problem is actually very similar to the one found here:
AngularJs - cancel route change event
In short, I'm using $routeChangeStart and trying to change the current route using $location. When I ...
1
vote
1answer
21 views
AngularJS: Can't get a value of variable from ctrl scope into directive
HostingCtrl:
function HostingListCtrl($scope, Hosting) {
Hosting.all().success(function(data) {
$scope.hostings = data;
});
}
HTML template:
<pagination ...
0
votes
1answer
21 views
AngularJS Directive Object Has “No Method”
I am currently moving around code in an AngularJS app and have started to receive an error on a customer directive. The directive works fine in the original, but is returning the error listed below ...
0
votes
1answer
23 views
Reusable select's behaviour in angular while charging its options via ajax
I know this is maybe too general question but i would like to know how to make a reusable select (or any input) that when i am wating for its options (by an ajax request) it shows a 'Charging ...' ...
0
votes
0answers
15 views
Angular extending ui.bootstrap.progressbar to support some text on the progressbar
I'm using ui.bootstrap.progressbar (code here: https://github.com/angular-ui/bootstrap/blob/master/src/progressbar/progressbar.js) and I'm trying to extend it to support some custom HTML (or just ...
0
votes
1answer
44 views
How do I connect between parent $scope, directive $scope and a modal $scope?
I'm trying to create a directive for a label selector.
<label-selector label="label1">label1</label-selector>
label1 is the default label that should be selected, this value comes from ...
0
votes
3answers
63 views
Multiple AngularJS directives with different scopes
Hi I have a two popup directives on the same page. The problem is when I click on one they both pop up.
How can I isolate each scope from each other so only the popup that's clicked pops up?
HTML
...
0
votes
1answer
24 views
AngularJS template in directive variable
I would like to know if there is a way to set a template path for a variable in directive ?
I have kind of this code:
tooltip = "<img src={{object.avatar}}>" + {{object.fullname}}
And I ...
1
vote
2answers
15 views
Initializing @attr in Angular directive
I have a directive like this:
you can see the equivalent plunker here http://plnkr.co/edit/0e2nMyatAMD3M3QTCtls
app.directive('bpTest', function() {
return {
restrict: 'A',
templateUrl: ...
0
votes
0answers
16 views
angularJS directive and tooltip
I have a directive to create and apply som style and dynamic content to a list.
When the user hover an element of my li attribute, I would like to generate a tooltip. I can generate a tooltip with a ...
0
votes
0answers
22 views
How to trigger routeUpdate without changing the value of params in $location.search
In my application I use routeUpdate to check if the $location.search string has changed and navigate accordingly in my view.
Like so.
$scope.$on('$routeUpdate', function(next, current) {
...
0
votes
0answers
25 views
Using Angular JS directives to create a domain-specific language for forms (with binding)
I'm trying to create a set of DSLs using Angular directives to have dynamic templating for some simple form elements based on data-type. I'm looking for some help in getting the binding to work as ...
1
vote
0answers
71 views
Show loading option in angularjs while fetching content using $http
I am creating a directive so we have a reusable way to show an option labeled 'Loading...' in a select tag. The problematic comes because I'd like to be notified just about a specified connection (as ...
0
votes
1answer
28 views
Sharing data between directives using attributes instead of services
I wanted to make a directive that would essentially act like a specialized input field. After some logic & user input, the 'value' attribute would be populated with a string of comma separated ...
2
votes
1answer
32 views
Angular: local scope property defined with '@' is not accessible from link function
While I was trying to define some local scope property I found that properties defined with '@' is not accessible directly in the link function while it's not the case for those defined with '=' or ...
1
vote
1answer
25 views
How can I compile data returned from an $http request?
I am having a recurring issue where I am unable to use directives that are included inside of template partials retrieved via $http. I assume that I need to use $compile or $apply to the template in ...
0
votes
2answers
38 views
pull to refresh inside directive AngularJS using iScroll
edit: i update the code block as i make changes and the errors at the bottom
so i am inside my directive. I want to do a refresh of the page. (like after a scroll to refresh)
What's the right ...
0
votes
0answers
13 views
AngularJS with ckeditor is producing an arcane error on load
Using the solution from this problem: Bind Ckeditor value to model text in angularjs and rails
I get the following error whenever I try to use the directive on my page.
Uncaught TypeError: Cannot ...
0
votes
1answer
20 views
Update data in angular directive
I'm having an issue getting the data that I pass to my directive to update when the DOM updates. This directive highlights the active tab on the sidenav in relationship to where they have scrolled to ...
0
votes
2answers
24 views
How to host an angularjs app in domain
Currently Learning to create a simple AngularJs App.
This is my first MVC app, so my questions may be very basic.
I understand that we require nodejs to run the Angularjs App, so will the hosting ...
1
vote
2answers
20 views
Double indirection in data-binding. Interpolate string in a template
I'm trying to resolve double binding in the link function of a directive:
scope.a = "surprise";
scope.b = "{{ a }}";
the template is <div>{{ b }}</div>
it's rendered like ...