Tagged Questions
0
votes
1answer
17 views
typeahead angular ui - cannot read property 'length' of undefined
I am using Angular-ui Bootstrap for my application.
I use the typeahead directive.
html:
<input type="text" class="pass_code_input" ng-model="SuppPrefix" Typeahead="ddl_item.Text for ddl_item in ...
0
votes
1answer
14 views
Can not open datepicker in angularjs using bootstrap UI
Hello I am using UI Bootstrap for displaying datepicker in my app.
this is my reference order:
<!--ANGULAR CORE-->
<script ...
1
vote
0answers
33 views
Adding Pace.js loader to angular.js modal containing videos
I have angular ui bootstrap modal which has videos, I have posted same question week ago here is the link of that question my previous question ,
but did'nt got any response, anyhow i found pace.js ...
0
votes
2answers
21 views
Dynamic tabs in Angular-UI fails?
Created this simple test-case which shows the error occuring:
HTML
<tabset ng-repeat="tab in tabs">
<tab heading="{{tab.title}}">
<i ...
7
votes
4answers
4k views
How do I create an AngularJS UI bootstrap popover with HTML content?
I want to create a bootstrap popover with a pre tag containing a prettified JSON object. The naive implementation,
<span popover='<pre>{[ some_obj | json:" " ]}</pre>'
...
0
votes
1answer
14 views
Angular Bootstrap Tabs Causing Strange Wrapping
I'm using Angular Bootstrap UI tabset directive and having some trouble with strange CSS. Here's my HTML, and also a plunker. Why is the div#content wrapping? How to I make it appear directly below ...
0
votes
1answer
17 views
Using angular-ui to expand/collapse a div from/to the right edge of the viewport
I'm working on creating a "drawer" div that will appear and disappear with a transition from the right side of the browser window. I'm using Angular-UI-Bootstrap's collapse directive, modified with ...
0
votes
1answer
98 views
Angular UI Bootstrap Datapicker
this is my base code:
http://plnkr.co/edit/PuzsgIgpRKUwuXbyIMSq?p=preview.
I want to visualize the datepicker popup only on button click and not on input focus.
Moreover the data in the input ...
0
votes
1answer
20 views
Angular how to get route id at resolve block?
How can i get "pageid" inside resolve block?
For every url change i had to request the server, along with the "pageid"?
My code:
app.config(function($routeProvider){
$routeProvider
...
3
votes
1answer
243 views
AngularJS - Accept a ui.bootstrap modal with ENTER key
The Issue:
I've been unable to to accept a modal window with the ENTER key
I have modified the default Plunker to show you what I've done since now --> Here
What I have:
Briefly, the ENTER key is ...
2
votes
2answers
37 views
angular js for handling UI, validation and exception management
I am new to angularJS and I went thru this tutorial on it but did not find anything pertaining to how to create or handle UI elements like modal windows, date controls, file upload with progress bar, ...
0
votes
0answers
202 views
angular-ui-bootstrap datepicker and masked input
I am taking my first steps in Angular & hope i am in the correct place to find an answer to my question/issue.
If not, please point me in the right direction.
I am using the angular UI bootstrap ...
0
votes
0answers
18 views
slide toggle from left to right in angular js
I am using hide and show an element using the angular JS . Angular toggle collapse working fine from slide up and slide down. How can I do the same thing sliding from right to left with some ...
1
vote
2answers
26 views
Hide Parent's sbling ui-view quadrant when in a child state
When I go to a child state, I want to hide a ui-view component of a quadrant ui-view in root state. How can achieve this.
##index.html
<div ui-view="a">
</div>
<div ui-view="b">
...
3
votes
0answers
52 views
Bootstrap ui angularjs with filter issue
I am using Bootstrap UI in my angular application. I have a tooltip in the html page which works fine. I noticed that after the tooltip is displayed and I move my mouse out, the Ui-bootstrap-tpls.js ...
-2
votes
0answers
40 views
angularjs typeahead with ui mask
See this plunker:
http://plnkr.co/edit/0Osy3uLOrJCm8DRG30Vs?p=preview
I wanted to combine the ui.mask directive with ui.bootstrap.typeahead directive. When I apply the ui-mask directive to the ...
0
votes
2answers
108 views
AngularUI monthpicker in popup shown as datepicker
I'm trying to use the angular ui datepicker in monthpicker-mode as a popup, but it is shown as a datepicker.
I've found a working example of the monthpicker as inline-picker here, but I need it as a ...
0
votes
0answers
32 views
Django-Angularjs dynamic rating app
I trying to create a Angularjs rating app with django. I'm using the rating mechanism from angular-bootstrap. http://angular-ui.github.io/bootstrap/
I've created a controller which can handle ratings ...
-1
votes
3answers
99 views
How can I get angular-ui-bootstrap tabs to fill the remaining height
I have a plunker to show: http://plnkr.co/edit/nGjdvrG27jNpQ3QTulMr?p=preview
I want the green area to fill the remaining available height. I can set div height:100% and get almost I want, but that ...
0
votes
0answers
8 views
AngularUI - Get non-valid datepicker value
I have a datepicker with an editable input and a button and would like to catch the value even if it is not a valid one. The problem is that datepicker sets the value to undefined as soon as it ...
0
votes
2answers
27 views
Dropdown broken in modal on 0.11
I'm facing this problem. I'm migrating from 0.10 to 0.11 of bootstrap ui and the dropdowns inside modals stopped working at all. I don't know if it is a layout problem but I can't figure out how to ...
0
votes
1answer
18 views
angular ui.grid [[object HTMLDivElement]] will be displayed instead of data in every cell
I'm using angular 1.3 and angular ui bootstrap and ui-grid 3(because of rtl support).
Here is the plunkr.
0
votes
3answers
103 views
Angular bootsrap datepicker date format does not format ng-model value
I am using bootstrap date-picker in my angular application. However when I select a date from that date-picker underlying ng-model that I have bind gets updated I want that ng-model in one date format ...
0
votes
0answers
41 views
Build a Angular UI multi-level Dropdown menu
all
I have been experimenting with angularjs and all the interesting stuff with angularjs. I tried to build a existing responsive dropdown menu with angularjs and angular-ui and came across
...
0
votes
1answer
41 views
Showing a google map in angular-ui modal?
Trying to load a simple google map within an angular-ui modal. However no luck. The data get's passed in fine, but nothing works in terms of the map... Please help.
...
google-maps
0
votes
1answer
33 views
display binary image from db to angular partial view
I was trying to display image which is coming within the json object returning from an web api request. I'm able to display string, number and date/time in my angular partial but couldn't get the ...
1
vote
2answers
2k views
Create Hoverable popover using angular-ui-bootstrap
I have the following code for creating a popover in my template file:
<span class="icon-globe visibility" id="visibilityFor{{post.metaData.assetId}}" popover="{{post.visibilityListStr}}" ...
1
vote
2answers
1k views
AngularUI - Compatible browsers
I tried to open the AngularUI website (http://angular-ui.github.io/) in IE8. UI was not rendered properly in IE8(working fine in latest version of chrome/firefox). This led me to search browser ...
2
votes
2answers
530 views
angularjs datepicker not opening twice angular-ui version 0.11.0
I am trying to have 2 datepickers and I am using Angular UI version 0.11.0.
My HTML code
<span ng-if="periods.period == 10">
<input type="text" datepicker-popup="dd-MMMM-yyyy" ...
0
votes
1answer
59 views
Angular UI Bootstrap - Collapsing tab content
Using the AngularJS UI Directives for bootstrap, is there any way to collapse the tab content using the tag?
I have several tabs/pills with content, which will start collapsed (hidden). When any of ...
0
votes
1answer
107 views
How to make ngInfiniteScroll run in Bootstrap modal?
I'm in need of using ngInfiniteScroll for a gallery in a modal, but it seems not to work. It does not accept to scroll in this Bootstrap UI modal. Do you know any way to do this, pls let me know! ...
0
votes
1answer
37 views
angularui bootstrap dropup not working
I need to use a dropup menu.
This code worked perfectly with ui-bootstrap-tpls-0.10.0.js:
<div class="btn-group dropup">
<button type="button" class="btn btn-default" ...
0
votes
0answers
31 views
Is it possible to disable the autoopen function of the angular ui datepicker?
I don't like the autoopen function of the angular ui datepicker (the automatic display of the calendar when the control gets focus). What I want is to click a button to open the datepicker when ...
0
votes
1answer
18 views
Can't call a function a modal within a modal in angular-UI bootstrap
Using Angular Bootstrap UI I am opening a modal to allow the user to make some selections... from that modal the user can click on a help icon that would in turn open another modal. The second modal ...
1
vote
0answers
76 views
Adding Ajax loader in angular ui bootstrap modal
I have ui bootstrap modal to play videos, these videos are taking time to load so i want to show ajax loader until videos get loaded.
here is my ng-template and angular js code for modal, I have ...
11
votes
2answers
6k views
Should I use Angular UI Bootstrap or plain Bootstrap 3? [closed]
At time of writing Angular UI Bootstrap is based on Twitter Bootstrap 2 while the latest version is Bootstrap 3. If I were to write an application in Angular.js TODAY, what UI framework should I use? ...
0
votes
0answers
43 views
Custom image in Angular.ui bootstrap rating
I'm using the rating directive of angular bootstrap ui. How can I use a custom image as icon and not a glyphicon?
0
votes
0answers
22 views
Chrome not displaying input type validation messages inside modal
I'm using angularJS as mvc and UI bootstrap for modal views. The problem is that chrome doesn't show validation messages of input types.
Does anyone know if this is a bug or am I doing something ...
google-chrome
1
vote
1answer
92 views
Angular-UI Accordion + Datepicker?
i use Anguar-Ui Bootstrap http://angular-ui.github.io/bootstrap/
and i have implemented the "Accordion" from Angular UI and now i want add inside this Accordeon the Popup DatePicker from Angular UI.
...
0
votes
0answers
62 views
How to specify scope for window in AngularUI Bootstrap modal?
I'm trying to create reusable confirm dialog using AngularUI Bootstrap modal, where "ok" / "cancel" buttons are in a custom window template. The issue is that while I can provide a scope for modal ...
3
votes
4answers
3k views
Angular-ui/bootstrap: pagination not rendered (missing styles?)
I'm new to angular-ui and playing with it. I'm trying to use the pagination directive (http://angular-ui.github.io/bootstrap/#/pagination), but it seems I'm missing some styles as I just see the ...
0
votes
1answer
37 views
Angular UI Typeahead not displaying dropdown
My dropdown isn't being displayed even though I know it's getting the correct results. Code:
<input type="text" ng-model="newSelectedSemester" placeholder="Semester name" typeahead="semester.name ...
0
votes
0answers
24 views
How to switch modals using AngularUI Bootstrap?
AngularUI Bootstrap modal service allows to open one modal on top of another. However, I'd like to display authentication related forms (sign in, sign up, password reset) in modals and I'd like to be ...
4
votes
1answer
106 views
angular-ui modal with controller as syntax
I'm using angular-ui-bootstrap-bower#0.7.0 with angular#1.2.10 and when opening a modal where the controller is an "old fashioned" one, everything works fine.
However, when I have a controller meant ...
1
vote
2answers
2k views
How to translate Angular-UI-Bootstrap datepicker?
The documentation for the datepicker (Angle-UI-BootStrap) reports:
Everything is formatted using the date filter and thus is also
localized.
Checking the documentation for the date filter can ...
0
votes
0answers
75 views
Angular-ui bootstrap modal without creating new controller
plunk: http://plnkr.co/edit/85Wl5W If I use the $modalInstance on the same controller(modalController.js), without being in a modal, angular gets frozen.
I just want to simplify my life using ...
0
votes
1answer
63 views
How to use the same controller for modal and non-modal form in Angular UI Bootstrap?
I've got a modal with a registration form. The same form should be displayed at the bottom of the landing page not in a modal.
Currently my controller that handles registration modal takes ...
0
votes
1answer
41 views
What is wrong with this Angular-ui typeahead code?
I made some minor modifications to the angular-ui typeahead example provided in http://angular-ui.github.io/bootstrap/
Here is the original code inside the controller.
$scope.getLocation = ...
2
votes
2answers
63 views
Is there a way to automatically close Angular UI Bootstrap modal when route changes?
I've got links in templates inside modals. When I click them, the current page changes, but the overlay and modal stay. I could add ng-click="dimiss()" to every link in all templates in modals, but is ...
2
votes
2answers
197 views
angular ui month picker
i am trying to use angular-ui-datepicker as a month picker... but not able to configure it, tried it all... here is the PLUNKER...
i tried to set the modes as
<input type="text" ...
