Tagged Questions

0
votes
1answer
22 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
21 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
15 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
7 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
22 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
42 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
55 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
74 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
1answer
28 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
119 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
73 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
19 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
44 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
42 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....
-1
votes
0answers
22 views

How can i implement angular js tour within single tour

I want to implement angular js tour within single popup. Instead of display multiple popups for each step, i want to display my steps within one popup. I also want to track tour steps so that if user ...
0
votes
0answers
14 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
46 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
25 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
262 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
36 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
114 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
65 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
129 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
34 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
40 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
1k 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
21 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
50 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
38 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
44 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
44 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
69 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
51 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
32 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
47 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" ...
0
votes
0answers
26 views

How to set auto shift location of value on delete on angular ui-mask to false?

How to set auto shift location of value on delete on Angular ui-mask to false? <div class="col-sm-6 form-group margin-top-15px" show-errors> <input type="text" class="form-...
1
vote
1answer
89 views

Open AngularUI Bootstrap Typeahead Matches Results via Controller

Is there anyway to trigger opening the match results on a typeahead input text box from the controller? use case: user goes to https://example.com/search/searchText controller of page sets the ...
0
votes
1answer
54 views

AngularUI-Bootstrap Typeahead: Grouping titles by type

I am implementing typeahead using AngularUI-Bootstrap. I need to show the results grouped based on some values coming from the database. Here's a example of result [{ "id": 1, "label": "...
0
votes
0answers
34 views

angular-ui pagination param in querystring

I want to add the page param in the query string. Using angular-ui pagination button the page 2 is correctly loaded, SearchService is called with the rights params, but immediately I see the page ...
0
votes
1answer
55 views

Angular UI - angular-google-maps. Is It possible to configure uiGmapGoogleMapApiProvider.configure(options) dinamically?

Is It possible to insert options dinamically from promise (ex. $http.get(...)) in to .config(function(uiGmapGoogleMapApiProvider) { uiGmapGoogleMapApiProvider.configure(<object from $http&...
0
votes
0answers
14 views

Angular UI google map in modal code architecture

I'm using Angular UI Google Maps. I need to add an ability to view each map in a modal window. What architectural approach should I need to do? I have a non-simple map with widgets like a searchbox. ...
0
votes
0answers
29 views

Controller 'formioElement', required by directive 'formioElement', can't be found! in angularjs

I am implementing a form using form.io in my angular page. I need to display different forms on click of their name. Html <div ng-repeat="form in TemplateNames"> <a href=...
1
vote
1answer
89 views

How to dynamically bind Json data to ACE Editor

I've created an AngularJS based application that embeds Ace editor via UI.Ace directive for Json. The app will create a set of editors based on dynamic Json data, i.e. each editor has ng-model that ...
0
votes
0answers
16 views

scroll to $index on enterState

I use a bootstrap-ui accordion <uib-accordion close-others="true"> <uib-accordion-group ng-repeat="e in list" is-open="status[$index]" ng-init="status[$index]=false" index="$...
1
vote
2answers
77 views

Can't embed ACE Editor “ui-ace need ace to work” error with angular-ui-ace

I'm trying to embed ACE editor elements into my AngularJS project in order to allow JSON editing feature in it. Here are all configurations/settings so far: Bower.json "dependencies": { "angular-...
1
vote
0answers
102 views

Issue with Parent Child Scope With Modal: Using angular ui router with angular bootstrap modal ($uibModal)

Here is my current code: Parent Controller vm.animationsEnabled = true; vm.open = function (size) { var modalInstance = $uibModal.open({ animation: vm....
0
votes
0answers
29 views

Angular Ui-Grid: Resize all row heights causes scrolling issues

I've hit an issue with resizing row heights. I have a button that changes all row heights back and forth from 30px to 60px by modifying gridOptions.rowHeight. The rows change height just fine but it ...

1 2 3 4 5 … 51