Tagged Questions
A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
1answer
20 views
Bootstrap angulsrjs with submenu link not working
im generating a menu from json file, everything generates fine but links without sub menu dont work when i click them.
if i remove dropdown from li then main links work but dropdown dont
thank you ...
1
vote
2answers
27 views
Angular JS: bind class to two different expressions?
I have an angular bootstrap tabset.
NOTE: this is a ui-bootstrap directive. So ng-class does not work.
To be able to change the class conditionally, I found here on SO:
<tab heading="My Tab" ...
-2
votes
0answers
11 views
Can't find the scope with custom template using uib-typeahead
I have searched high and low to solve this problem but I'm really lost.
I have build an angular application using UI-Router to handle all state transitions. I have followed conventions using the ...
0
votes
0answers
31 views
Hook in a javascript function during angular-ui/bootstrap slide show
I need to mimic what facebook photoviewer is doing. When slide showing the pictures, the container div size will grow to the picture size,
but the container never shrink if next picture size is ...
1
vote
0answers
25 views
Angular JS access form in scope inside Angular Bootstrap tab
I have a form in an Angular JS 1.4.1 prototype. I have a class on it set when it's dirty. I am trying to simulate someone "saving" the form, and therefore it's not dirty, it's "saved" so the ...
0
votes
2answers
38 views
How do I cancel $interval only on leaving a state in AngularJS?
The idea is for a modal to open on a specific page after the user has been on it for 10 seconds, and cancel it if the user leaves the page. It works when I refresh the page, but when I navigate to the ...
0
votes
2answers
21 views
Angular bootstrap ui tabs ngMessage doesn't work in the first tab
I bumped into a strange behaviour of ngMessage
into an angular ui bootstrap tabs the validation
doesn't work in the first tab
the code
js
angular
.module('app', ...
1
vote
4answers
83 views
CSS alignment issue of textbox and button in bootstrap
I'm newbie in Angular and trying to develop my first application but stuck in alignment using bootstrap classes.
Here is my Code:
<link ...
0
votes
0answers
7 views
Touch event going through the target element to the element in the back in cordova IOS app
I have created a cordova app and I have a bootstrap(angular-ui-bootstrap) modal where i show all the input fields, I have one custom select box which opens an absolute div in front of the form's ...
0
votes
1answer
31 views
uib-btn-radio not working with $scope but works with “controller as” syntax?
I'm trying to create a simple btn-group like so
<div class="btn-group">
<label class="btn btn-primary"
ng-model="radioModel"
ng-repeat="playerClass in playerClasses"
...
1
vote
3answers
24 views
Unable to call the controller in the angular ui bootstrap $modal
I want to generate a modal pop up on click of a button. I am using ui bootstrap of angular with $modal service.
Now, when I click on button, I am writing the following code.
$scope.modalOpen = ...
0
votes
1answer
23 views
Why i need to pass parameter to $uibModalInstance.close(parameter)
I am new to angular JS just trying to understand $uibModalInstance.close(parameter) what i understand it closes the current modal window what the parameter does inside the close() method.
0
votes
1answer
40 views
How to use ui.bootstrap.pagination for a table, generated using ng-repeat
I am trying to keep pagination in my Angular application using uib-pagination. I am unable to get proper way to do this.
Html:
<table id="mytable" class="table table-striped ">
...
0
votes
1answer
34 views
AngularJs Multiple directives asking for template
I'm using carousel angular ui bootstrap as a directive but running into this issue:
Error: [$compile:multidir] Multiple directives [carousel, carousel (module: myApp.common)] asking for template ...
0
votes
0answers
16 views
Load data from server on every click on pagination link
Requirement:
I have to present large amount of data (4000 rows) in Table view. So that I want to load data after clicking pagination.
I am using Bootstrap Pagination in table. How can I load part of ...
0
votes
0answers
26 views
How to run demo files in angular-ui-bootstrap?
I am doing changes into one of the directives of Angular bootstrap (https://github.com/angular-ui/bootstrap) and I would like to see how the changes look.
I have seen there are demo files like:
...
0
votes
1answer
22 views
how to use uib-tabset in angular2 using ng-bootstrap?
I am working in angular2 project and would like to know is there any mean by which i can use uib-tabset in angular2?
I previously used angularjs with which I could use ng-bootstrap.
so I could use ...
0
votes
1answer
31 views
Google Recaptcha not working on ui bootstrap modal
Here's my HTML:
I added comments on my HTML where I added the captcha element.
<html>
<head>
<script ...
0
votes
1answer
14 views
How to change AngularJS ui-bootstrap date picker starting day
Is there a way to change the starting day for the ui-bootstrap date picker for AngularJS? At the moment, from left to right, the days starts Monday and ends on Sunday, and I would like the days to ...
0
votes
0answers
14 views
Validate required radio group in Angularjs
I have a form with a radio button group which I need the user to make a selection before the user can submit the form. I searched around and found answers to add ng-required but it is not working for ...
0
votes
1answer
21 views
how to prevent ui-bootstrap pagination control from changing the url route
Within my application I have two views search and masternameserch these views are defined in app.js as:
$stateProvider
.state('search', {
url: '/',
controller: ...
0
votes
0answers
10 views
Is ng-animate not working due to lib version?
I have some VERY simple code that's not working in my environment. I just want a bootstrap-ui popover to work like in this plnkr I wrote:
Bootstrap-UI Popover PLUNK
<button uib-popover = "lol"
...
1
vote
0answers
16 views
How to watch bootstrap accordion with angular in the least expensive manner
I currently have a bootstrap accordion with an ng-click event set on the my panel headings that passes in a string like so:
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" ...
0
votes
0answers
16 views
how to create grouped x-editable dropdown in angularjs?
I have used x-editable table in my project. i need the dropdown should be grouped like below.
All
Celebrities
-cricketer
-actor
Ordinary
under celebrities , i have cricketer, actor ...
1
vote
0answers
13 views
Reuse a view as a modal and non-modal (angularjs + bootstrap-ui)
I currently use views/foo.html as a normal view.
Say this view has this:
<p>Hello</p>
Now I want to reuse views/foo.html as the content of a modal, but I'd like to wrap it with this:
...
0
votes
2answers
18 views
Getting Angular.js error
I'm following a tutorial on YouTube, and I ran into a problem which I cant figure out. I'm loading images into a angular bootstrap carousel. But I'm getting errors, and the images are not displaying.
...
0
votes
2answers
27 views
angularui bootstrap datepicker popup is not closing on date selection
I have two datepicker popups in my application and they are working just fine EXCEPT the popups don't stay closed on date selection. It appears to close then opens right back up again. They do close ...
0
votes
1answer
52 views
Why my angular directive doesn't work?
I have a directive that is triggered when clicking on a button. The function inside the directive simply has to change the property value of the field. So what I try to do is to change from ...
0
votes
0answers
25 views
AngularJS datepicker control parsing string to datetime object
I am really new in Angular Js.
I am trying to use UI bootstrap Datepicker control.
https://angular-ui.github.io/bootstrap/#/datepicker
But not able to parse the selected date to datetime object. As ...
0
votes
1answer
16 views
How to enable particular dates using angularJS datepicker directive?
I want to create a Datepicker directive in Angular JS where I want to enable only a few particular dates for the user.
For Example: I have a set of numbers 1,3,5,7 so I want to enable these ...
0
votes
3answers
44 views
$uibModalInstance is not defined
I am working bootstrap modal directive . I need to open modal popup on ajax error method and popup is showing fine. but on button click inside modal , Where i need to dismiss modal , I am getting ...
0
votes
3answers
42 views
How to pass HTML markup in UI bootstrap modal
I am using UI bootstrap to create modal dialog. It works fine if I use "templateUrl" and use "ng-template" to include the html template. But as I have multiple modal dialogs, my page is getting bigger ...
0
votes
0answers
11 views
Displaying different kind of formatted data in tabs-content using AngularJs
I am currently using angular ui bootstrap framework. i need to display text in tabbed contents.Data inside the tab is fetched from server.Some times the data contains lists whereas sometimes plain ...
1
vote
1answer
87 views
+300
Angularjs UI bootstrap temporarily change URL on open and revert to original URL on close
I want to temporarily change the browser url when the ui bootstrap modal is opened ( The page behind should remain as is, only the url changes ). When the modal is closed the url should be reverted ...
0
votes
1answer
16 views
Angularjs change url without changing the state, when ui bootstrap modal is opened. Revert url to previous state when modal is closed
I am trying to implement Pinterest style listing page, where on click of pins the details popup opens up and the url changes to something like http://pinterest.com/pin/123456. But the page is intact ...
0
votes
1answer
20 views
jsonp typeahead not population my uib-typeahead form element
I've been trying to populate a uib-typeahead from the ui-bootstrap modules (https://angular-ui.github.io/bootstrap/) using a jsonp callback function in a factory method.
Here is my factory function
...
0
votes
0answers
9 views
rating directive on ionic with collection-repeat
I am looking for directive rating, that can work with ionic angular and working with collection-repeat. The issue that I am looking for like
Rating (ui.bootstrap.rating) but this isn't working ...
-1
votes
0answers
14 views
how to make exam time table using Angularjs tables
i am struggling to make exam time table and its should be as per the image it should be use only angularjs... especially free of jquery
QUERY
'i am struggling to make exam time table and its ...
0
votes
1answer
100 views
angular-ui/bootstrap ratting issue on collection-repeat ionic
I am using angular-ui/bootstrap the component Rating (ui.bootstrap.rating).
My issue that max property isn't working correctly when I am using collection-repeat.
Its shows me always only one icon ...
0
votes
1answer
29 views
Why I cannot change a value of angular property in html?
I have a tooltip which popups on focus using angular popovers. What I need to do is when I click a button, to change it to popup on blur. It changes but doesn't change the tooltip behavior.
Here is ...
-1
votes
0answers
16 views
Ionic 2 - Bootstrap starting page
On index.html I set tag
<ion-app></ion-app>
As it seems it looks to app/app.ts but I dont want this location. I wanto change to app/login.ts. Is possible? I also want to use diretly ...
-2
votes
0answers
12 views
how to put two slides in one carousel in ui Bootstrap
how to put two slides in one carousel in ui Bootstrap and i am using ng-repeat in one slide to get one set of products and another slide another ng-repeat . Both must have to display side by side and ...
0
votes
1answer
21 views
How to stop displaying angular tooltip on focus/click?
I have a field which on blur displays a tooltip. But I don't know why it also pops up when I click on the field.
Here is the codepen example: http://codepen.io/Octtavius/pen/aZzyKw?editors=1010
...
0
votes
1answer
14 views
ui boostrap tabs border
I want to remove the side and top borders on active ui bootstrap tabs, and make one fad bottom border. The side and top border is not removed. What am I missing?
.nav-tabs > li > a,
.nav-tabs ...
1
vote
1answer
18 views
Angular UI Bootstrap: Dynamic popover template ID
Is it possible to use template with dynamic ID for Angular UI Popover?
For example:
<div ng-repeat="row in data">
<button class="btn" uib-popover-template="'myTemplate_{{row.id}}.html'" ...
0
votes
2answers
27 views
Directive with js-call in the template - method does not get called
In my angular app, I have an alert-service, which handles the list of alerts. I then have a directive, which renders all the alerts to the page. I use the UI Bootstrap components.
However, the close ...
0
votes
1answer
18 views
giving different color scheme to (odd/even) for rows within rows in UI grid using Angular JS
I am trying to divide a Row into two ie. Row Span in Angular JS UI Grid. I am not able to find how to do this.I need different color schemes for rows within the rows of the UI grid. The Plunker code ...
1
vote
2answers
23 views
Submitting the modal popUp overriding the data
I am trying to create timeline with a create timeline button. If create button is clicked a popUp opens and one need to select any of the item and the item will add one event to the timeline.
Here is ...
-1
votes
1answer
62 views
Controls for enterprise application- Angular2, ReactJs
We are in an interesting stage- we are planning a web application for enterprise users. Our previous application, which we are re-writing, is written in Angular 1.5, bootstrapJs and AngularUi for ...
2
votes
1answer
37 views
Need to use modal in a modal Angularjs
I am using $uibmodel in my angular app.
I need to open a new modal in a one modal. bcoz of that i need to inject
'$uibModal' and '$uibModalInstance' both, in one of my controller.
that controller ...
