Tagged Questions
0
votes
0answers
22 views
Angularjs ui-bootstrap btn-checkbox conditional styling
Would like to use btn-checkbox in place of all my checkboxes on a form. I am looking for the syntax to make a generic reference to the value of the bound property from within the attributes, in this ...
2
votes
1answer
29 views
How to use AngularJS without custom HTML tags?
I’m trying to use UI Bootstrap’s inline datepicker, but it works with a custom tag:
<datepicker ng-model="dt" min-date="minDate"></datepicker>
My template processor doesn’t support ...
0
votes
1answer
14 views
Compile custom directive before ui-bootstrap directive
I'm trying to create my own directive for a datepicker so when the page is opened on a mobile device the input type change to type="date" and the native datepicker gets displayed instead of the ...
0
votes
1answer
19 views
Angular.js return scope property from modal
In this Angular.js directive, I'm trying to return ng-model="commentBox" back to the controller inside of modalInstance.result.then(function(result) {} but I don't seem to be nailing it with resolve ...
0
votes
1answer
15 views
Accessing the state of AngularUI tab from within the elements it contains
I've used AngularUI to build Bootstrap-themed tabs:
<tabset>
<tab>
<tab-heading>Javascript <span class="badge">{{ count }}</span></tab-heading>
...
0
votes
2answers
29 views
how to make ng-model value set by ui-select value
I am currently using angular-ui/ui-select in my project. I am able to bind the value of the ui-select to an object without issue, however it is binding the entire item that is being iterated over. I ...
0
votes
1answer
17 views
Angular UI Bootstrap Datepicker Text Field
I am making a date range angular directive. This uses two ui.bootstrap date pickers for the start and end dates.
I am watching the start and end dates to adjust them if one of the selected dates goes ...
-1
votes
1answer
13 views
Is it possible to switch on and off a collapse directives animation?
I have a number of collapse directives in an app and i'd like to be able to individually switch their animation on and off (to 'force' them open or closed), depending on specific state. I've looked at ...
0
votes
1answer
13 views
Use twitter-bootstrap custom select menu in ui-bootstrap
I use the ui-bootstrap with angularjs framework, but there is nothing to replace the select menu in the html. I found this plugin, which work very well, but it is a twitter-bootstrap plugin. How could ...
0
votes
2answers
24 views
Sharing data between controller and angular-bootstrap $modal
I am using angular-bootstrap $modal and I have issue understand how to share data between a controller and the modal.
Controller:
app.controller 'MainController', ($scope, $templateCache) -> ...
0
votes
1answer
12 views
Limit typeahead results
I'm using the angular-ui typeahead directive to connect to the Google Maps API and retrieve an array of addresses. Normally when I need to limit the amount of results visible I do something like:
...
0
votes
0answers
11 views
Angularjs tabset directive select function is calling after navigaing to next page
Am using angularjs tabset for displaying tabs, I want to call custom call function on selection tab, I used select attribute of tab for calling my custom function its working fine on selection of tab, ...
0
votes
1answer
28 views
Angularjs-ui-router:resolve in parent does not fire from children
In my angularjs app ,i have angular-ui-bootstrap tabs and on selection of tabs i change to different state using $state.go and with state transistion url on browser changes.
I have parent static tab ...
-1
votes
0answers
18 views
Kendo UI Grid Error messages not appearing in UI-Bootstrapper Alert ng-Repeat
I am trying to handle Kendo UI errors gracefully by displaying a UI-Bootstrap Alert with the error message in it.
View - Index.html
<alert ng-repeat="alert in alerts" type="{{alert.type}}" ...
0
votes
2answers
27 views
ANgular Directives in a seperate JS file?
Newbie
I have this ngFocused directive working, but I'd like to put it into its own js file. How would I wire that up?
var appObject = angular
.module('app', ['ngAnimate'])
...
0
votes
0answers
42 views
Tabs in angularjs not working properly with UI-Router and UI-bootstrap
I'm using a MEAN.js boilerplate, you can find the entire code here.
I tried to add 2 new tabs to the page rendered after one of the articles have been selected from the list.
For this task I decided ...
0
votes
1answer
19 views
resolves in angular-ui modal get mixed up
I have a very weird problem and as I can't really copy the actual production code here or at least not much of it, you probably can't help me, but I'll try nevertheless.
Here is a simplified example ...
1
vote
0answers
25 views
Boostrap Tabs with Angular js
I am using a tabset and sets of different tabs of angular ui bootstrap.
I would like to move in a click to some tab.
Moreover, i would like to know which of the tabs is opened right now.
I created ...
0
votes
0answers
16 views
Disable dates using factory response UI Bootstrap Datepicker
I'm trying to disable a date in the UI Bootstrap Datepicker connected to a Google calendar if that dates already have 3 or more events.
Thus far I get the array of events using an Angular Factory ...
2
votes
1answer
35 views
Angular UI datepicker not updating
I have tried to extend the UI datepicker with previous and next day buttons.
As you can see from the plunker I can change the model either by using the datepicker or the prev/next buttons. But when ...
1
vote
1answer
36 views
ui-bootstrap collapse not working with Angular
I have an angular module and config:
var app = angular.module('project', ['ui.bootstrap', 'restangular', 'ngRoute']);
app.config(function($routeProvider, RestangularProvider) {
$routeProvider.
...
0
votes
1answer
30 views
How to add angular directive to full calendar event
I'm using Angular-UI Calendar (angular version of Arshaw's fullcalendar) and on EventRender I would like to add a Angular-UI-bootstrap popover to the event element.
I have tried these (using ...
0
votes
0answers
26 views
ui.bootstrap directive always occurs multidir error
I get this error when I try to use ui.bootstrap's directives like $modal and $datepicker.
Error: [$compile:multidir] Multiple directives [datepickerPopup, datepickerPopup] asking for new/isolated ...
1
vote
1answer
32 views
AngularJS, UI Bootsrap, MVC Frontend - index.html not loading login.html in ng-view
I am working on MVC project using Maven.
Backend: Spring Boot framework (Tomcat server), MySQL db, hibernate for db binding, dao extends CrudeRepository, NO SERVICE (no need, small app), 4 classes ...
2
votes
3answers
43 views
Angular JS Date format inside Ng-Repeat
Actual Date coming from JSON
Need to format it as below .
Effective Date : 2010-08-31 (trim the time stamp)
End Date : 2010-08-31 (trim the time stamp)
Am using the below code for Formatting the ...
0
votes
1answer
44 views
Setting active slide on angular-ui-bootstrap carousel
I'm using angular, bootstrap and a plugin called "ui-bootstrap" for angular to make a carousel.
I have a list of thumbnails and when clicking one a modal with the images in high definition inside a ...
0
votes
1answer
23 views
Adding a Fuelux wizard to an Angular project
I'm reading https://github.com/ExactTarget/fuelux in order to get familiar with the Fuelux wizard, and how I can integrate it with my AngularJS project.
In the non-AMD section it says :
Non-AMD
If ...
0
votes
2answers
28 views
AngularJS Modal not showing up when templateUrl changes
So far, what I have is straight off the Angular UI example:
Controller:
var ModalDemoCtrl = function ($scope, $modal) {
$scope.open = function () {
var modalInstance = $modal.open({
...
0
votes
0answers
17 views
Angular JS $http service within a directive
I am trying to create a implementation of the Facebook popover for my application.I have come across a directive for creating dynamic popovers.I want my application users to be able to hover over ...
1
vote
1answer
40 views
AngularJS custom directive breaking with UI Bootstrap modal window
I am having trouble getting a custom directive (one that does autocomplete google places) to work properly inside a ui bootstrap modal window. It works perfectly outside the window. If i put it inside ...
0
votes
2answers
40 views
How to define two ng-click functions in a directive?
Here's my code in the template.
<button ng-click="{{backFunction}}" ng-show="{{backShow}}"> Back </button>
<button ng-click="{{nextFunction}}" ng-show="{{nextShow}}"> ...
0
votes
1answer
24 views
Limiting the dark area during popup in angularjs
The pop up works flawless with bootstrap. Now I'm trying to limit the dark area during popup, I don't want the header to be covered in dark during popup, some thing like this
0
votes
1answer
39 views
angularjs bootstrap ng-repeat not working inside tab
I am trying to build a tab using angularjs ui-bootstrap.Got the tab working.
Below the tab, have content displayed using ng-repeat.
In one of the tabs, wanted to do search on the listed contents in ...
1
vote
2answers
31 views
Pagination gets “stuck”?
I have a simple table application that displays dummy data with columns like name, number, date, etc. You can sort it by columns, and it is paginated.
However, when I use the pagination, some of the ...
0
votes
4answers
49 views
How do I get $index from an ng-repeat table to a modal controller?
I have a table of customer records created with angularjs bootstrap-ui and uses ng-repeat.
At the end of each line in the table is a button to get more information about the customer.
When the ...
1
vote
0answers
30 views
getting an error : Argument 'ctrl' not defined in angular js
my index.html file has the following :
<script src="scripts/controllers/form/DashboardCtrl.js" />
<script src="scripts/controllers/chart/morrisChartCtrl.js" />
my app.js file is as ...
4
votes
1answer
32 views
re-create the map by angularjs directive of google map
I'm using square theme of angularjs and using their map directive to generate the map like this:
<map class="ui-map" zoom="7" center="[32.794065, -97.439365]" style="height:250px !important;" >
...
google-maps
0
votes
1answer
17 views
ui.bootstrap deforms the <progress> HTML tag
In my HTML file I have a <progress> tag and I also injected the ui.bootstrap dependency to my controller as follows:
var myApp = angular.module("myApp",["ui.bootstrap"]);
In this ...
0
votes
1answer
38 views
Angular Bootstrap Datepicker Multiple Formats
When trying to define more than one input date format for Date Picker we seem to have an issue where only one format can be defined. If this format is not met it defaults to americanised date format ...
1
vote
1answer
30 views
How to get fields at $Scope in AngularJS using AngularUI Bootstrap Modal
modalLoginController.js
angular.module('App')
.controller('modalLoginController', function ($modal, $scope, loginService) {
$scope.userName = null;
$scope.userPassword = null;
...
1
vote
0answers
39 views
How to Modularize AngularJS app(folder structure)?
assume i am going to strart new angularjs app with 3 modules
1.login
2.payment
3.enquiry
i want to load payment module with login details similarly for enquiry . how can we achive this
i will have ...
0
votes
0answers
20 views
Custom CSS on dates in AngularUI Datepicker
I am trying to have an AngularUI datepicker on my page. All is good, but i want to add custom css on certain dates based on results of webservice.
My datepicker looks like this:
<div ...
0
votes
2answers
44 views
why is animate=“true” ignored when I switch between templates?
I have the following plunkr (code below)
I am switching between templates in angular. each template has the progressbar directive from angular-ui project.
the first template has attribute ...
0
votes
0answers
26 views
Why angular-ui-bootstrap progressbar repaints?
in this site i have a progress bar showing the progress for answering questions.
it uses angular-ui-bootstrap.
when i continue to the second question, the progress bar repaints and you see a ...
-3
votes
0answers
33 views
how to merge more than two app in angularjs
Hi i am new learner in angularjs
i have more than two app like
var Login = angular.module('Login', ['ngRoute']);
var HomePage = angular.module('HomePage', ['ngRoute']);
var myApp1 = ...
0
votes
1answer
27 views
Angularjs nested dependent promises
I am using the $modal service from angular-ui, but this question on promise structure is not specific to that module. In this case, I need to show an unknown number of modals, in order. Rather than ...
0
votes
2answers
48 views
Angular scope variable available on html page but not controller?
I wonder if anyone could help me i have created a new directive so i can filter a dropdown list while loading data from a webServer. It all works fine, and i can write the values to the html page ...
0
votes
0answers
34 views
Add custom class to ui-bootstrap modal
How could I add a class to a ui-bootstrap modal?
I have a variable in the state mainClass: 'add-item' that sets the class this is then pushed global so it can be used like this {{ ...
0
votes
0answers
26 views
BootStrap date picker in table cell, showing all the datepickers in the columns
I am facing a problem when using bootstrap date picker in a table cell, the date pickers are getting opened in all the cells of same column in each row, i wanted to open the datepicker only one cell ...
0
votes
0answers
66 views
AngularJS memory leak with only ui-bootstrap datepicker and ngRepeat
I have a serious memory leak problem with the following code. I tried very hard to find the problem because this code is very simple just use ui-bootstrap lib but after 2 days I still can't get any ...
