Tagged Questions
0
votes
1answer
19 views
Is it possible to move/sort/reorder Angular UI Tags with drag and drop?
It seems possible with a previous version of Angular UI (see here) but I tried with uib-tabset and it doesn't work. Any ideas?
This doesn't work:
<uib-tabset sortable-tab>
<uib-tab ...
0
votes
0answers
23 views
Angularjs / Phonegape dropdown menu and ng-click
I've an error when I try to use the ng-click directive in the dropdown menu with angular-ui-mobile.
I get this error :
[phonegap] [console.error] Error: Could not resolve 'undefined' from state '...
0
votes
1answer
24 views
I've got some work in uiModal window. May Be some one can help me
Good morning all. I've got my service to open Modal Window.
This service inject to my controller. In my controller. I make the request to Data to get from server some information, then in ng-repeat I ...
1
vote
2answers
17 views
How to compile dynamic content in Angular UI tabs?
In this plunk I have an Angular UI tab that displays HTML content. Each content has a div containing an ng-click directive, that doesn't work. Most likely the directive needs to be compiled? how to ...
0
votes
1answer
13 views
Display dynamic HTML as tab content in Angular UI
In this plunk I have a Angular UI tabs with HTML content that needs to be generated dynamically. Still, the tab contents shows instead the HTML markup. How to fix this?
HTML
<uib-tabset>
...
1
vote
2answers
50 views
Angular Modal window
I've got my modal window in Angular JS. Could some body answer me how to add blur effect to body when I open this modal window.
vm.OpenLogin = function () {
var data = loginWizardService....
0
votes
1answer
36 views
How to pass row.entity inside celleditablecondition in UI-grid?
I am trying to set cellEditableCondition based on content of other cell in same row.
For that how do I pass row.entity to cellEditableCondition?
I tried passing row as arguement to function ...
0
votes
0answers
43 views
Angular tab set to active based on url
I have 2 problems.
1. Child urls automatically redirecting to parent url
2. tab is not setting to active using other link (footer links)
Example:
1. #/about-us/agreement is redirecting to #/about-...
0
votes
0answers
16 views
Create notification service Angular js based on angular-ui-notification
I am using this module:
https://github.com/alexcrack/angular-ui-notification
What is the correct way to create service for that module and not using the "Notification" service
for example I want ...
1
vote
1answer
27 views
how to focus on second popup, when open second popup from first popup in angular-ui-bootstrap modal directive
I have on scenario, I would like to show popup on popup with accessibility complaint.
first popup is working fine, if I opened second popup from first popup still focus is remains on first popup, it ...
0
votes
3answers
53 views
backdrop: 'static' is not working for ngDialog modal
I want to prevent the modal from closing when clicked outside or pressing esc in keyboard. So I used backdrop:'static' and keyboard:false like below,
var app = angular.module('MyApp', ['ngDialog',...
0
votes
0answers
27 views
how to add a fonticons in breadcrumb with routing
i have an angular base dashboard application ,in the application dashboard page icon ,when i click the particular icon ,the icon should be redirected to the routing page with menu breadcrumb with ...
0
votes
0answers
28 views
How to display a font-icons instead of image in Uirouter state and uibreadcrumbs
Note: below code is working fine with images.
Need to know how to implement for font-icons,
when I have to click the product menu, the page will redirect to the product page, product page menu will ...
0
votes
1answer
69 views
Angular UI modal with Bootstrap 4
Bootstrap 3 modal works fine:
https://jsfiddle.net/qLy7gk3f/4/
But Bootstrap 4 modal doesn't:
https://jsfiddle.net/qLy7gk3f/3/
The code is identical:
$scope.click = function() {
$uibModal.open({
...
1
vote
1answer
31 views
Edit field in background while keeping an Angular UI Modal open
In this plunk I have an Angular UI modal that's open and doesn't allow to edit/change anything in background. I need to edit a text field while keeping the modal window open. Is this possible?
HTML
...
1
vote
1answer
35 views
Dynamic URLs in angular
I currently Angular 1.6 and angular-ui/ui-router
I have a problem with dynamic url which I don't know a limit of parameter
example
www.example.com/name/hello/address/telephone/postcode/city/ .... (...
0
votes
2answers
40 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 ...
-1
votes
1answer
64 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
34 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
66 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
66 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
27 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
34 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 <...
2
votes
1answer
933 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
24 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
35 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
30 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
44 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
9 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
46 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
100 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
20 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
1answer
18 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
37 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
29 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
98 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
67 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
72 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
87 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
38 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
276 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
80 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
34 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
87 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
71 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
60 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
72 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
30 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
281 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="...