Tagged Questions
0
votes
0answers
14 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
6 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
27 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
20 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
40 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
52 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
70 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
107 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
17 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
39 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
37 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
21 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
13 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
43 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
22 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
259 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
34 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
112 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
101 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
36 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
855 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
20 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
48 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
37 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
43 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
31 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
43 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
25 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
84 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
50 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
29 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
52 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
27 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
78 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
1answer
66 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
95 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 ...
0
votes
0answers
33 views
Angularjs ui grid issue with small set of data (very few rows) but containing huge text for some columns
I am using ui grid in Modal but I am facing problem in representing data with large text. I have only maximum up to 5 rows in my data set. But some of the columns in the rows have huge text. So I ...
0
votes
2answers
43 views
angular-ui popover vanish, if a button is clicked inside of popover
I have used popover with popover-trigger = 'outsideclick' and inside a popover i used a custom directive to render html.
Now when i click a button inside popover the popover vanishes.
I have created ...