Tagged Questions
0
votes
0answers
9 views
onHighlight in in AngularJS Typeahead
Is it possible to fire a callback when a user highlights a choice in the typeahead?
something like
typeahead-on-highlight='callback(highlightedValue)'
0
votes
0answers
10 views
Change typeahead array
I have a table that displays data. In each row, there is a textfield that displays data. The typeahead is used in search boxes for each unique value in the rows.
However, if one value that ...
2
votes
0answers
29 views
Text input box not accepting input in modal from Angular UI Bootstrap
I have a modal (nbr 1) that I open from another modal (nbr 2). The modal nbr 1 works fine and is showing the things it should. But I tried to put an input to filter items in the modal, but the input ...
0
votes
1answer
21 views
How to show popover that is hiding behind navbar
I am new to Bootstrap and Angular. In my webpage there is a button and i am providing a popover for a span like this
<span popover="Download Project History" popover-trigger="mouseenter" ...
0
votes
0answers
7 views
Angular UI modal collides with accordion
I'm working on an angular js app where I have a few Accordions and a button to launch a Modal. The problem is, when I'm opening the Modal by clicking on the button, all the open Accordions get closed. ...
0
votes
2answers
23 views
Clear the ng-model asssociated to textarea inside Angular Bootstrap UI tabset form an outside button
I have used angular bootstrap ui tabset to create two tabs and both of the tabs have textareas associated with a ng-model, i have a clear button outside the tabset and i want to clear the ng-model of ...
1
vote
0answers
11 views
Angular JS & BootstrapUI Accordion Recreate Panel Dynamically
I have an accordion which dynamically recreates panels of the accordion inside itself which is all well and good, however the topmost panel must recreate itself dynamically as well. With the method ...
0
votes
1answer
23 views
Angularjs modal window with routeProvider
I'm having trouble using routeProvider to display a modal window. I am displaying a table list of ingredients and hoping that by clicking on an ingredient, I can display an "update" modal. The table ...
1
vote
1answer
21 views
Angular Bootstrap Typeahead - Append to Body - Stuck
The typeahead display gets stuck to the body when using append to body in combination with routing.
typeahead-append-to-body="true"
I used the Angular seed project and one of the simple Typeahead ...
0
votes
0answers
20 views
ngModel won't update in angular bootstrap typeahead
I am using Angular Bootstrap and have a typeahead that lists items from an array. I use the formatter to properly format each item for display. I also have an on-select to change the ngModel value ...
0
votes
1answer
32 views
AngularJS UI Router shared nested routes/states
I'm looking to share a child state between multiple states.
For example I have a shopping site.
Lets say I have the following
.com/random
.com/browse
.com/browse/product/:productID
...
0
votes
0answers
32 views
dropdown not working with ng-repeat
I am trying to create a menu using ui bootstrap and ng-repeat, however I seem to have an issue with expanding/ collapsing the dropdowns. If I don't use ng-repeat the dropdowns behave like they should, ...
1
vote
1answer
32 views
Bootstrap alert message represented as modal, angular
Bootstrap 3 provides Bootstrap: event messages: success, info, warning, danger.
However sometimes the view doesn't have enough space to show up the event message.
Is there easy way to wrap event ...
0
votes
1answer
28 views
Angular binding not working when using popover directive
I have this input field in a form in my AngularJS app:
<input type="text" data-ng-model="githubRepoUrl" id="githubRepoUrl" class="form-control" placeholder=" popover="Popover text here." ...
0
votes
0answers
26 views
ui bootstrap typeahead throwing error
I am using Angular v1.3.0-beta.17
This is the error: I have no idea what is causing this. Some people say its because the controller is not using promises. Others says that it's the deprecated ...
0
votes
0answers
18 views
AngularJS - textarea placeholder not showing while in ng-repeat
So I found out that if I use <textarea placeholder="Write something.."></textarea> inside ng-repeat, the placeholder of the textarea only shows on focus.
If I remove the ng-repeat of my ...
0
votes
0answers
45 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
31 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
15 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
23 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
20 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
48 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
24 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
14 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
16 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
25 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
15 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
16 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
35 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
23 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
30 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
21 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
19 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
38 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
48 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
36 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
28 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
37 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
45 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
48 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
25 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
37 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
42 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
49 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
32 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 ...
