Tagged Questions

0
votes
2answers
34 views

Angularjs and BootstrapUI - How to update variable in one modal based on changes in another

There's an app using Bootstrap Angular UI with a variable $scope.companies. On clicking a button a first modal open where the companies from that variable are displayed in a select element. The user ...
0
votes
1answer
32 views

angular bootstrap datepicker get visible dates (day mode)

I need to get visible dates from the Datepicker if mode is day. Example: In this case I need to get these 42 days. Also if user change month, I should refresh the Datepicker controller view and get ...
0
votes
1answer
29 views

Manually entering text in angular-ui

My question comes from the selected answer here <ui-select-choices repeat="hero in getSuperheroes($select.search) | filter: $select.search"> <div ng-bind="hero"></div> works ...
1
vote
2answers
46 views

angular bootstrap datepicker disable dates with $http request in dateDisabled function

So i have uibDatepicker directive (https://angular-ui.github.io/bootstrap/#datepicker) where i want to send request for each day provided in datepicker, hit server with that date, and return if it ...
1
vote
0answers
24 views

AngularUI / FullCalendar - Adding Custom Events

I'm using the AngularUI Calendar / FullCalender and need to insert custom events into an existing array. I've tried it in different ways, but it is not working. I want to insert the custom events into ...
0
votes
2answers
25 views

Model is not refreshed in Angular UI type-ahead

To replicate the problem in this plunk, enter anything in the field, select any row and then click on the button "Change Name". You will see that the model is changed but the Angular Type-ahead input ...
0
votes
2answers
29 views

Changing CSS of Angular UI dropdown list doesn't work

In this plunk I have an Angular UI dropdown list with a class that attempts to change the color of the items in the list when the cursor is on the item (on hover) I tried assigning a class to the <...
1
vote
1answer
154 views

How to handle 'Possibly unhandled rejection: backdrop click' in a general way

I have an angular service for handling modals: angular.module('myApp').service('ModalService', function($uibModal) { function open(options) { return $uibModal.open(options); } }); Now I ...
0
votes
1answer
13 views

ui-scroll buffer space at the top of viewport

I'm working with ui-scroll from angular-ui (great job, the component is awesome!). Everything works well for the most part. Data is loaded from custom datasource as I scroll down. However, when I ...
0
votes
1answer
25 views

AngularJS ui-grid does not update select all state when data changes

I have a ui-grid with multi-select enabled. Everything works fine, except when the data changes, the "select" column in the header does not properly show the state of the grid. I've created a simple ...
0
votes
1answer
24 views

Adding compiled element to Angular directive is not working

In this plunk I have a directive that contains an Angular UI Modal. The directive takes transcluded elements and populates the modal. This works fine, however when I try to compile new elements and ...
0
votes
0answers
21 views

full calendar(angular-ui event change background when event limit=true

I don't know how to do the event background-color change when i have limit event (example: i want to draw the event with background color, i don't want text "+2 more") ; class fc-more is the div with ...
0
votes
0answers
7 views

AngularUI Bootstrap Carousel does not load until transition duration expires

I am building a Carousel using AngularUI Bootstrap. I overwrote/customized the default slide transition properties in my own css file. However I noticed that as I crank up the transition duration, the ...
0
votes
1answer
29 views

angular-ui modal is not initially hidden

I'm following this angular recipes page for adding a modal dialog to my ui. It suggests the following markup, which I've added to one of my views. ... html for my view is here ... <button class="...
0
votes
0answers
39 views

Angular UI bootstrap carousel get active slide Object

I'm trying to get active slide object from slides array, in angular UI bootstrap carousel: My current solution: app.controller('myContr', ['$scope', '$http', 'filterFilter', function($scope, $http, ...
0
votes
0answers
17 views

Angular - when refreshing page, slash is being appended to url

I have the problem that whenever I refresh the page, a slash is being added to the url. Im being automatically (with timeout) directed to the state 'home' from the state 'intro'.When I go to home, ...
0
votes
0answers
10 views

Typeahead blur event not fired on iPhone

I have a simple bootstrap typeahed directives which works fine. But on an iPhone the drop down menu doesn't closed on blur (when I touch else where on my page). It does works when I try on the ...
0
votes
0answers
34 views

ng-data-show not working properly with ui-select

If I use data-ng-show inside ui-select the input box takes width of 10px which is the inline style for that input box but if I remove the data-ng-show it works fine. Why is it so? Is there any other ...
0
votes
1answer
28 views

In angular, how do you store state in the url without affecting routing?

I want to store filters that the user selects in the URL, but not affect routing. That way, the user can bookmark a page and later return and have the filters automatically populated. Any good ideas ...
0
votes
1answer
35 views

Focus on other input after typeahead-on-select angular-ui-bootstrap

I have a problem with angular-ui bootstrap: I have 2 input: <input type="text" ng-model="selected" uib-typeahead="state for state in states | filter:$viewValue | limitTo:8" typeahead-on-select="...
0
votes
2answers
46 views

Share data from parent to child state with Angular UI-router

Based on this tutorial, I have as my parent state a list of people. When I click on one of them, a new view is created in order to show the details for that person. In my URL I use the ID for that ...
0
votes
2answers
66 views

UI Router - how to store data between states without passing them explicitly to $state.go(…)?

I have language code in Gallerycomponent: function Gallery(LanguageService) { var $ctrl = this; $ctrl.$onInit = function () { $ctrl.code = LanguageService.language; _loadGallery($ctrl....
1
vote
2answers
79 views

How to display navigation and footer in every page in Angularjs?

I'm making a SPA. I want to make a separate component for Navigation, Section, and footer. Navigation and footer must display for every page when I go to Home or About page, only the Section should ...
1
vote
2answers
35 views

Strange behavior when using Angular UI tabs

In this plunk the user should be able to click on one of three links. Each link has a related div that is shown when the user clicks on the link. Also, when the link is clicked its color turns red. ...
2
votes
4answers
145 views

Set Angular UI Modal height and width programmatically

In this plunk I have an Angular UI modal that has a related class the-modal to set the height and the width, they are initially set at 300px and 500px respectively. What I need is to set the height ...
2
votes
1answer
75 views

How to add icons to AngularUI calendar

I used this AngularUI calendar I want to add icons (Bootstrap glyphicons) like this any help please, thank you
1
vote
1answer
21 views

Pass selected language from uib-dropdown language selector to $scope

I have next html template where user could select language: <div class="btn-group" uib-dropdown> <button type="button" class="btn btn-default dropdown-toggle" data-...
0
votes
1answer
55 views

Add id to ng-template with Angular Bootstrap accordion

I'm having trouble adding dynamic id to the heading template. I tried including an id="{{group.title}}" but it doesn't work. Any help or suggestion would be great! <div ng-controller="...
2
votes
1answer
52 views

How to assign value to angular pagination custom template?

I am using custom template for angular pagination: <uib-pagination boundary-links="(vm.pagination.boundaryLinks == false) ? false : true" num-pages="vm....
0
votes
0answers
24 views

Angular-ui-grid pagination controls not being shown

I´m using the following controller and html configuration to have a paginated ui-grid: app.controller('AdminProspectGridCtrl', function ($scope, $http, uiGridConstants) { $scope....
2
votes
1answer
47 views

$http.get call returning bad data to Angular UI-Grid control

This is my first ui-grid application using AngularJS and nodejs with express framework as the backend. The API is running well and data is coming to the brower, but I´m really confused about the ...
0
votes
0answers
23 views

AngularJS 1.x Multiple named and nested views needles refreshing

I'm trying to create a multi-viewed page with states, and when changing the url (for example: studentDetails) only a single view changes and the others stay the same. I almost made it, but when ...
0
votes
1answer
27 views

Angular directive with transcluded elements + RequireJS not working

In this punk I'm attempting to have an Angular directive with transclude: true and RequireJS. The transcluded elements should be included in an Angular UI Modal that is opened when a user clicks on a ...
10
votes
1answer
270 views

Add a table type to a JSON editor

I want to understand the code of this JSON editor and modify it. In directives.js, there is a piece of code that tries to construct templates: var switchTemplate = '<span ng-switch on="...
0
votes
0answers
42 views

Angular JS and Laravel (Single Page Application with Localization on URL)

Is it possible in angular js to create an url with localization while doing a single page app. I'm using angularjs, angular-translate and angular-ui-router for front-end and laravel for backend e.g. ...
4
votes
2answers
118 views

Use 2 ui-codemirrors in 1 controller

I am coding a very very basic playground by using AngularJS and ui-codemirror. Here is the code (JSBin). <html> <head> <link rel="stylesheet" type="text/css" href="https://cdnjs....
0
votes
2answers
77 views

Angular UI Bootstrap Datepicker not displaying

I'm trying to integrate the angular ui bootstrap datepicker into my project, but I can't get the calendar dropdown to display in my code. The buttons and label display but the calendar just shows as a ...
0
votes
1answer
188 views

Unknown provider: $modalInstanceProvider <- $modalInstance <- MainController

I have an app with modals which I'm trying to call using $modalInstance. According to the other questions I've read here, I shouldn't include ng-controller in my template and that's exactly what I did,...
0
votes
0answers
37 views

fullcalendar with angular not showing hours on the left side

I am using the UI Calendar (wrapper for fullcalendar for angular users), in the following implementation: $scope.uiConfig = { calendar:{ height: 450, editable: true, ...
0
votes
0answers
47 views

Angular ui-select : dropdown larger than select

I have such an issue. When I click on ui-select the dropdown appears normal. But if I will resize the window the dropdown became larger than ui-select and sometimes ui-select pushes other inputs to ...
0
votes
2answers
2k views

How to close an Angular-ui-bootstrap uibModal on mouseleave using Factory?

I've recently switched all our modals directives in our app over to Angular-ui-Bootstrap modals. Much better, however running into a new style of modal which closes on mouseleave instead of a cancel ...
0
votes
1answer
24 views

Why do I get a nonassign error in the angular-bootstrap tabset?

<tabset class="paygrade-tabs"> <tab ng-repeat="tab in rps.currentPayGrade | orderBy: 'payGrade.code' : true track by $index" ng-click="changeTab(tab)" active="activeTabId === tab.id"> ...
2
votes
0answers
53 views

ckeditor sortable with ng-repeat

I'm using with CKEditor to provide users write on my website. I'm using ng-repeat and also insert a button to add a new CKEditor. I need to provide them to sort all CKEditors and I'm trying to do so ...
0
votes
1answer
40 views

ui-router html5Mode doesn't like hrefs to static html files

When using ui-router without html5Mode (using hangbang URL syntax), anchor tags that do a full page refresh to other pages (or static html content) using hrefs are working properly. As soon as I ...
0
votes
1answer
53 views

Allow angular-ui-accordion to collapse on body click

I have a angular-ui-accordion(panel) on the left side of my page. The functionality is working fine. But I got an Issue where the accordion only collapses when clicked at the ui-accordion-header. My ...
0
votes
0answers
46 views

Compile the angular directive to show a tooltip

angular noob here. I have masked my code here for quite obvious reasons but just enough to let you know about my problem. The following is my directive. The task is to get an element from dom. It has ...
1
vote
1answer
77 views

directive in nested ui-view called twice

I'm using ui-router with components. The navigation is working great and the component $onInit is called once (as expected) but in the directive's $onInit (directive as element in component template) ...
1
vote
1answer
58 views

Install angular-ui

I have a MEAN project, using AngularJS v1.4.3. I need to insert a dropdown item into the navigation menu, therefore I tried to follow the instructions to install, include and use angular-ui/bootstrap ...
0
votes
0answers
39 views

Bootstrap tooltips with Angular only on truncated text

Very similar to Show tooltip only when the text is truncated in angular UI bootstrap directive I want tooltips to popup only for truncated text, and I want them to react to resizing. At least in the ...
0
votes
3answers
53 views

Controller variable change does not reflect in angular modal

I am using controllerAs syntax and opening angular-ui modal dialog from it with variable passed to modal controller using "resolve". After opening, I am executing ajax "request", and "updating" ...

1 2 3 4 5 … 51