Tagged Questions
5
votes
3answers
1k views
Pass data to angular ui modal (lightbox effect)
Problem:
I want to create a modal lightbox using the Angular UI Bootstrap modal
Details:
I have built a photo grid using ng-repeat. Each repeated photo opens the modal using the open() method. I'm ...
2
votes
2answers
194 views
A directive to format phone number
I was wondering how to automatically format a number in an input field using an angularjs directive? When I type in an input field say 6042919283 I want it to be shown as 604-291-9283.
Thanks
2
votes
2answers
60 views
Model in a modal window in angularjs is empty
Hello I am using angularjs ui bootstrap and I have one text field in a modal window, which when I try to print it in alert window it is empty. Any reasons why? Here is a plunker of the code.
2
votes
3answers
79 views
How to call controller function from directive?
how to call controller function from directive? or howto access directive ng-model from controller?
eg. I use angular ui bootstrap time component and when time change I need to notify calling function ...
2
votes
1answer
150 views
Access to form controller hidden due to angular ui tab isolated/inherited scope
I have a simple case:
<div ng-controller="myController">
<tabset>
<tab>
<form name="myForm"></form>
</tab>
</tabset>
</div>
and ...
2
votes
1answer
218 views
Date picker is not working in AngularJS (ng-grid) “editableCellTemplate”
columnDefs: [{
displayName: 'Date',
field: 'date',
editableCellTemplate: '<input type="text" ng-class="\'colt\' + col.index" ...
1
vote
1answer
53 views
Customize AngularJS Bootstrap Tooltip
How do I add custom placements/animations to an AngularJS/Bootstrap tooltip? I can do:
myApp.controller('TooltipCtrl', function ($scope) {
$scope.htmlTooltip = 'Here is a tooltip!';
});
And it ...
1
vote
1answer
42 views
getting data back to controller from form
I have this form below. When I change the text fields, it shows the changes here
<div>
{{authform.email}}{{authform.password}}
</div>
but when I try to submit the form by ...
1
vote
1answer
222 views
Two way binding not working with a variable in a Modal (Subcontroller) with angularjs
Hello I got a list of products and I want people to select one of them and then a modal displays where they can enter extra info (a comment). I am using 'AngularJS' with 'Angular-UI' and ...
1
vote
1answer
331 views
Angularjs ui modal windows with timepicker
I am trying to add a timepicker and a datepicker on a modal window and feels like the mytime model doesn't update. You can see it in the alert windows.
Can someone give me a hint. When I do a output ...
1
vote
1answer
33 views
AngularJS scope issue with a UI-modal window
I'm using the UI-bootstrap modal window in my Angular application and I'm running into some kind of a scope problem.
I've got a modal dialog which basically has two modes. At first, it displays a ...
1
vote
1answer
148 views
Show and Hide Alert Using AngularUI Directives for Bootstrap
Am a newbie in the field of web design.
I came across bootstrap and later angularjs. I find them quite impressive.
I noticed that bootstrap comes with its own jquery libraries and angularjs uses its ...
1
vote
2answers
255 views
Set checkboxes as checked using angularjs
I have some checkboxes .their value in database are 'Y' or 'N' as enum.for making updation i have to review all the checkboxes.how to view checkboxes as checked.
this is code for checkboxes
<label ...
1
vote
1answer
81 views
load modal using $http in angularjs
I want to load data in modal (ui.bootstrap.modal) with the help of angularJs.For Example i send request through post method and data retrieve successfully and now i want to load it into modal.Here is ...
0
votes
4answers
542 views
angularjs share data config between controllers
I'm wondering what could be a good way to share directive
between controller.
I've got ie two directives to use in different controller
with different configuration the first think I thought of
using ...
0
votes
2answers
150 views
Angular UI Modal 2 Way Binding Not Working
I am adding an Angular UI Modal where I am passing the scope through to the Modal Window for 2 way binding. I used the resolve method to pass the scope value. Doing so works sort of works meaning when ...
0
votes
1answer
6k views
Angularjs custom directive child scope access parent scope method?
I am trying to create a carousel with AngularJS ans UI Bootstrap. Since the carousel in UI bootstrap only supports images, I wan to write my own directive to support youtube video.
I want the video ...
0
votes
1answer
1k views
AngularJS UI Modal and select doesn't update the scope values
I am having a lot of trouble trying to save values from the modal component available in Angular UI.
Here is the page controller that calls the modal dialog
$scope.sourceSchema = [];
...
0
votes
1answer
20 views
Angular how to get route id at resolve block?
How can i get "pageid" inside resolve block?
For every url change i had to request the server, along with the "pageid"?
My code:
app.config(function($routeProvider){
$routeProvider
...
0
votes
1answer
28 views
Getting the Angular Typeahead to work with JSONP and JSON with properties
I've been pulling my hair out trying to get the $http.json() to properly return a result set of objects. I have locally stored examples of the same response and they work fine.
Can anyone look at ...
0
votes
2answers
114 views
Angular JS Root Scope
I am working with angular js at view layer. I need to use some global variable that will be used and modified by all the controllers method in my application:
var app = ...
0
votes
1answer
167 views
How to add active class inside header navigation directive inside a controller?
Since my app has a navigation menu repeated in several pages, I made a directive for it. Now, the .active class isn't applied to current page anymore. Do I need to put the controller inside the ...
0
votes
0answers
49 views
remove clicked item angularjs
I have a click event where I want to remove from scope an element with a given id
<a data-placement="bottom" ng-click='Off(product.productid)'><i class="fa fa-times"></i></a>
...
0
votes
1answer
59 views
Angular UI Bootstrap - Collapsing tab content
Using the AngularJS UI Directives for bootstrap, is there any way to collapse the tab content using the tag?
I have several tabs/pills with content, which will start collapsed (hidden). When any of ...
0
votes
0answers
31 views
2 filters in 1 Controller AngularJS
I just want to ask if it's possible to implement 2 filters in .controller.
I am using 2 Filters but only 1 filter works (If I remove the other filter, other filter is working -- vice versa).
Do I ...
0
votes
1answer
18 views
AngularJS: Tab panes vary in HTML markup, I want them to be created dynamically and filled with data provided by factory service
I'm building a tabbed interface for displaying posts from various social networks (timelines) but not all tabs will have the same HTML markup. My factory service is returning JSON response so that ...
0
votes
1answer
21 views
Need to $watch property from within an accordion (Angular-UI) but won't work
We're building a page with Angular, Angular-UI and UI-Bootstrap. The last one includes a directive for accordion, which simplifies a quite repetitive task of building up an accordion and an accordion ...
0
votes
0answers
87 views
angular how to set attribute inside directive/template dynamically?
just started playing with Angular. I have several modal. same structure with header and footer. And the main part is a tree. I have data for three different tree.
I am using angular ui. and abn tree ...
0
votes
0answers
33 views
Trying to get a string from Angular UI Modal via resolve object
I'm using the Angular UI modal directive: http://angular-ui.github.io/bootstrap/
I'm trying to pass a string from my modal open() function to my modal controller via the resolve object. I feel like ...
0
votes
1answer
37 views
Angular UI Bootstrap Modal, bind model changes immediately
I am trying to use Angular UI Bootstrap Modal. And I want to have the changes to the model to be shown immediately.
This is the controller:
$scope.testInputField = "";
$scope.showModal= function () ...
0
votes
1answer
74 views
fb comments href not working whith angularjs
I have installed below FB plugin on my page where I have specified data-href as below:
<div class="fb-comments" data-href="http://pingle.com/ngdemo" data-width="550px" data-numposts="5" ...
0
votes
1answer
47 views
Capture Posted Data from other website to AngularJs
I want to prepare secure application in AngularJs, which handle payment related common website(means we can get request from multiple website for payment in secure website).
Now issue I am facing.
...
0
votes
0answers
130 views
AngularJS : Dynamically bind and select value in angulajs directive with bootstrap popover
I am using bootstrap popover and when user hover; it will display popover with dropdown and calendar.
Inside link function of directive I am fetching list and binding dropdown.
Binding is done ...
0
votes
1answer
46 views
AngularJs Controller scope in tooltip form
I am trying to implement a form in a tooltip , that is dynamically inserted. Th form on submits calls the function in person controller and input field is mapped with scope model.
But the problem is ...
0
votes
1answer
58 views
$Scope in a nested Accoridon
I am using UI-Bootstrap with AngularJS and there is this simple Accordion Menu. I tryed to nest them. This works so far, but I can't get the scope of the nested.
ng-click also won't work, guess ...
0
votes
0answers
31 views
Update the UI from bootstrap modal
I've opened the modal using angular and bootstrap.js and its worling fine, but I want to update the UI after opening modal in bootstrap,
//need to add the header color OR update the ui
...
0
votes
2answers
222 views
How to assign value to ng-model definition
I am using ui-bootstrap for typeahead in my application.
<input type="text" ng-model="newItem.id" class="form-control">
<pre>Model: {{customSelected | json}}</pre>
<input ...
0
votes
1answer
231 views
Access controller method from AngularUI bootstrap modal popup
I am using the AngularUI bootstrap modal popup. I am loading an aspx file into the popup by using 'iframe'. Here is the code for my popup template:
<script type="text/ng-template" ...
0
votes
0answers
731 views
Setting Model in AngularJS Control Not Updating View (something…)
I am experiencing issues with updating values in my AngularJS controller and having them properly reflecting in my model.
I have the following form in my view:
<form name="formSignIn" ...
