Tagged Questions
0
votes
0answers
25 views
How to build a widget to embed in third-party websites using AngularJs?
I would like to create a angularjs widget that can be embedded in third-party websites with minimal code such as
<script src=mywidget.js type=...></script>
<div ...
2
votes
1answer
28 views
AngularJS directive attribute not rendering value when observed
I'm having trouble retrieving the value of an attribute passed in to a directive. My understanding of how directives work probably has something to do with this but it's my assumption that this is a ...
0
votes
2answers
25 views
Angular JS observe on directive attribute
How can angular js watch attributes on custom directive in order to accept angular values to be bind
Here is what I have so far:
<tile title="Sleep Duration" ...
0
votes
1answer
26 views
Angular event on property change happening out of order
Background:
I have a hint box that shows up on focus that changes size as error/info messages change. For example, on blur the box will remain but add error message if validation of the field fails. ...
0
votes
1answer
24 views
Angularjs photo album
Hi I'm making a photoalbum app with angularjs which grabs base-64 encoded image strings from my server and decodes them into images.
The problem is my angularjs app can't seem to decode the base64 ...
0
votes
1answer
40 views
ui-select2 inside directive isn't updating controller model
I have a directive that takes in a collection and builds out a dropdown.
.directive("lookupdropdown", function () {
return {
restrict: 'E',
scope: {
collectionset: ...
1
vote
1answer
18 views
How to properly handle popups (modals) in AngularJS app without bootstrap
I have few popups in my application. One is for displaying "About" and the second one for displaying contact form. What I do currently is I put the whole popup DOM into template and write custom ...
6
votes
1answer
61 views
AngularJs and FabricJs: Fabric.canvas changes behavior once code is moved to a Angular Directive
I have a simple AngularJS / FabricJs application, the intent is to allow an image to be moved /re-sized prior to upload. Essentially four steps:
1) I present a form with a canvas, and a rectangle ...
0
votes
2answers
24 views
Angular - how do I keep from rendering template until an event fires?
I have a directive that looks something like the code below. It works fine, but I have had to resort to creating inline template code since I don't want the template to render until the click event ...
0
votes
1answer
51 views
How to get angular ui-router's ui-sref to work, when inside a directive's template?
Basically, I am trying to change/customize the behaviour of the ui.bootstrap.accordion. All is working, except for integration with ui-router.
Here's the way I want to use the accordion:
...
0
votes
0answers
34 views
What is the best way to data-bind to templates determined by a JSON file in AngularJS?
Background
This is an extension of this question about how to dynamically display templates based off of a JSON file. This example provides a good demonstration of how to do this. As a summary, it ...
1
vote
3answers
42 views
Can a custom directive replace its element with a template that contains ng-show?
I want to build a simple hello directive that is to be used like so:
<hello foo="bar"></hello>
If the foo attribute equals "bar", I want to replace the element with <div ...
0
votes
1answer
21 views
Directive that manually copies HTML content
I'm trying to create a custom directive that will replace itself with the template and also copy the text() over to the replaced version.
Why not use ng-transclude? Well, it's an overkill, given ...
0
votes
1answer
38 views
How can I parse an attribute directive which has multiple values?
I'd like to implement a directive that lets me define a list of animals on an element. If the user likes all of those animals, I want to show the element; otherwise, I want to hide it. Ideally, I'd ...
0
votes
2answers
45 views
Extract time from datetime using Angular js
I need to extract the hour and minute from the datetime(eg:2013-09-03 05:02:04) using Angular js.I have done like this.
JSON Data:
{
"status": "success",
"data": [
{
...
0
votes
2answers
21 views
Toggle value of button text on click in angularjs
Trying to toggle the value of a button text on click with the following directive:
.directive('startstop', function() {
return {
restrict: 'E',
template: '<input value="" ...
0
votes
1answer
27 views
AngularJS event binding in directive template doesnt work if mouseout used, but works with mouseover
It seems to be some SIMPLE PROBLEM but I am looking on it for some hours and cannot find the answer. Why mouseout or mouseleave doesnt work where mouseover works? Here is the code:
HTML:
<div ...
1
vote
2answers
45 views
Sort or Rearrange Rows of a table in angularjs (drag and drop)
I wanted to have functionality of rearranging rows in a table (sorting rows using drag and drop).
And the index of the row arrangement should also change in the model.
How can i do something similar ...
0
votes
3answers
50 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 ...
0
votes
3answers
17 views
AngularJS Custom Directive shows {{obj}} but not {{obj.prop}}?
Please help me with this..
I'm trying to build a very simple angular directive:
app.directive("myDirective", function () {
return {
template: "{{result}} {{result.startTime}}",
...
1
vote
1answer
61 views
Angular doesn't work in IE 8, can't create a custom element for my directives
I built my application from scratch for the past few weeks.
I did it while implementing the instructions here.
I have to say that everything works great with any normal browser such as Mozilla or ...
0
votes
0answers
43 views
Is it possible to call functions from parent directive controller, when subsidiary directive has isolated scope
Here is the jsfiddle.net exemplifying my situation.
app=angular.module("app",[]);
app.directive("submitForm",function(){
return{
scope:{},
restrict: 'A',
...
0
votes
1answer
38 views
angular js $location.path callback
I am using location.path(url) to navigate to a page, but I need to know if this has successfully completed before executing rest of the code. is there any callback function for this location service ...
0
votes
3answers
40 views
AngularJS: Call the ng-submit event outside the form
I'm a fish in AngularJS and I have this scenario.
<form>
<input type="text">
</form>
<button type="submit">submit</button>
In normal ways AngularJS provides the ...
-1
votes
1answer
28 views
Directive is not updated due to “$digest already in progress”
In my controller, I set a variable "data" to a default value. In my original project, I use CouchCorner to fetch data from a CouchDB and update data.
Within a derictive I watch the variable data and ...
-1
votes
0answers
23 views
apply directive on push
I have angularjs script with
- directive
dssApp.directive('render', function() {
return function (scope, element, attrs) {
attrs.$observe('parameters', function(value) {
var ...
2
votes
1answer
42 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
2answers
61 views
How to Create simple drag and Drop in angularjs
please i want to know how to do drag and drop by using AngularJs.I need help from you friends.
http://plnkr.co/edit/llTH9nRic3O2S7XMIi6y?p=preview..
0
votes
1answer
29 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 ...
1
vote
0answers
35 views
Deleted ng-show leaking watch
I have a situation where I'm receiving json data from a backend and then rendering it using a template which has a few ng-show directives.
<div>
<span ng-show="config.displayMode == ...
