A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
1answer
16 views
Uncaught TypeError: $scope.getalb.push is not a function(…)
1. I Want to insert two dimensional array in local storage.
I face an error Uncaught TypeError: $scope.getalb.push is not a function(…) in else part of condition.
//app.js
var homeApp= ...
1
vote
2answers
32 views
Bootstrap (Angular), Main Content not occupying full height
Okay, I know that this question might have been asked by different users under different circumstances, but I am really stuck here and I have tried most of the suggestions. The problem is I cannot get ...
0
votes
0answers
24 views
Add Bootstrap DateRangePicker in Angular Ui-Grid headerCellTemplate
I'm trying to add a bootstrap DateRangePicker on my header template for Angular UI-Grid. I can see that the template is working properly because it shows the Bootstrap Icon. I do not want to use the ...
2
votes
2answers
36 views
Bootstrapp menu click event in jquery
HTML :
<ul id="Mydatatabs" class="nav nav-tabs nav-justified">
<li class="active"><a data-toggle="tab" href="#details" id="TabDetailsLink">Personal
...
0
votes
1answer
23 views
Get controller by path location in AngularJS
I'm developing a simple modal window with ui.bootstrap. This modal is showed when we click in a certain button binding to a controller and fires up, but the modal and its content is binding to another ...
0
votes
1answer
15 views
Adding a custom type to angular-schema-form - datepicker
I'm trying to add a custom type to angular-schema-form for the ui-bootstrap datepicker.
I've followed the instructions, but my field isn't rendered when opening the form.
My module, loaded into the ...
0
votes
1answer
21 views
What bower package should I use for AngularUI /UI Bootstrap
I have been working on an angular site and I leveraged UI Bootstrap to construct many of the controls. (I manually downloaded and referenced ui-bootstrap-tpls-1.1.2.min.js in my project.
Everything ...
0
votes
1answer
20 views
Angular decorator/extending UI Bootstrap Datepicker directive
I'm trying to extend the angular ui bootstrap date picker directive. My aim is to be able to override the positioning of the datepickerdirective. The positioning happens on a $watch event inside of ...
0
votes
1answer
31 views
angularjs: how to go back to previous page from a nested view when clicking back button of browser?
I have two pages, index.html and tabs.html. tabs.html is a nested structure, it has a tabs component and every tab is bind to a state(tab1, tab2, tab3). When changing from index.html to tabs.html, the ...
0
votes
1answer
13 views
Angular UI bootstrap modal redirect after function using location.path
After a user clicks okay in this modal, it should take them to another page. I have the routing in my app.js, my function in my controller, and my modal view, but it just keeps on taking the user to ...
0
votes
3answers
39 views
angular ui bootstrap tabs component: how to get the content of a tab when the tab is active not clicked
I am using the ui bootstrap 'tabs' component in my angularjs project. It is defined in a file called tab.html. the definition code is as follows :
<uib-tabset class="product-tab-bar">
...
0
votes
0answers
17 views
Yeoman issue with angularjs generator with bootstrap
After installing and tweaking here and there I've reached a reasonable "good stack" to scaffold in my Windows 7 64bit environment any angular or other kind of projects with Yeoman.
Tipically after ...
0
votes
1answer
28 views
Unable to set date in angularUI datepicker
Following is the code in my member edit page(member-edit.html), in which I am getting the date for marriage anniversary and joining date from an API and setting it in vm.member.marriage_anniversary ...
0
votes
1answer
23 views
Bootstrap switch with ngClick
Good day, I would like to ask if it is possible to add a ng-click event on bs swtch? Im making an app that is when a bootsrap switch is turned on, a modal dialog will pop up. Can someone please give ...
0
votes
1answer
38 views
Angular ng-repeat modal dialog does not work
I am using MEANJS, where angularjs is my front-end. i have a list of my articles, i am bring bringup a modal to edit data but fails to do so and modal does not work. i am using angular UI bootstrap ...
0
votes
1answer
18 views
Ui-Bootstrap document click Accordion collapse
I recently switched to ui-bootstrap for an angular app. With regular bootstrap, I can use the following to collapse an open accordion. What is the equivalent click event with ui-bootstrap?
...
-1
votes
0answers
13 views
Creating a neat facebook like dropdown
How can I create a drop down which looks something like this?
Do I need to create it in pure CSS or is there an angular/bootstrap component available for this sort of notification bar.
I am aware ...
0
votes
1answer
20 views
How to prevent text overflow when using Angular UI Bootstrap
I'm working on set of checkboxes, displayed using Angular UI Bootstraps button set.
What I've tried:
I've tried using the 'white-space' css declaration, but it did not help.
I've also tried ...
1
vote
1answer
25 views
Using bootstrap popover in angularjs
I like to use Popover in my AngularJS application and have included ui-bootstrap for this, but I get an injection error:
Error: [$injector:unpr] Unknown provider: ui.bootstrapProvider <- ...
1
vote
1answer
30 views
bootstrap ui - typeahead onselect, custom value is not displayed
I am trying to add autocomplete functionality using bootstrap. when a value is selected from autocomplete list, I would like to append a ":" at the end of the selected value. For some reason this ...
0
votes
0answers
19 views
Bootstrap + angularJs Navabar active element issue
I have a Nav bar at the top of my page and I use bootstrap for it's style.
<ul class="nav navbar-nav">
<li ng-repeat="page in pages" ng-class="{ active: page == pageCourante}" ng-cloak>
...
0
votes
0answers
13 views
Modal disappears immediately
I have a website that creates a modal popup. Unfortunately, it disappears immediately. It is not the issue of loading the modal plugin twice since it was working before I made changes to the ...
0
votes
0answers
34 views
uib-accordion in angular for list display
My index page has two div's. In first < div > i extract names from $scope from controller mController. ng-repeat is used to iterate through the list to display Movies and Names in the first < ...
0
votes
1answer
34 views
element's “collapse” attribute not working?
I'm trying to build a table as in this JSFiddle which I found here.
I notice lots of elements have a collapse="<boolean>" property and as long as the property is true, you will get a nice ...
0
votes
1answer
34 views
Angular UI Bootstrap (Jade, Angular, Express) progressbar not working
I'm having trouble displaying the progress bar in UI Bootstrap. I have listed the dependency in my other js file (angular.modeul('ui.bootstrap.demo',.....) and I have done npm install angular, and npm ...
0
votes
0answers
9 views
Angular UI npm install DELETES ng-table?
I'm just curious why would installing angular-ui-bootstrap delete ng-table???....
I ran
npm install angular-ui-bootstrap
And received error messages about "operation not permitted"
It tried to . ...
0
votes
0answers
14 views
Fetch JSON object and there array using $resource
Here I'm having a JSON as:
{
"veg" : [{
"productname" : "A",
"productimage" : "products-images/p1.jpg",
"productprice" : "50"
}
],
"nonveg" : ...
0
votes
1answer
40 views
Open Modal with angular js and bootstrap ui
I'm trying to learn AngularJs and I want simply open a modal panel and show a picture in it.
So my gallery.html looks like:
<div class="row">
<div ng-repeat="image in images">
...
2
votes
1answer
40 views
Angular UI datepicker popup open without ng-click
According to official Angular UI documentation for datepicker users in popup style I need to create additional button with ng-click event on it to change $scope property which was binded to is-open ...
0
votes
1answer
35 views
Building Angular-ui Bootstrap tabs with ad hoc uib-tabset, uib-tab tag elements
I'm writing my nice tabs panel with angular-ui bootstrap directives. Therefore I've included in my project, under a folder called "templates" the two html templates: tab.html and tabset.html. Their ...
0
votes
1answer
18 views
Angular Modal triggering an ng-hide/ng-show
I'm building out a modal that takes 10 lines of input and when clicked to close randomizes them and "should" display out side the modal. Through other research I have found that I must use a service ...
0
votes
0answers
19 views
Bootstrap tabset justified
Bootstrap tabset justified="true" aligns bad on small screens.
Is there a way to make it justified in height and width?
Im using angularjs-ui-bootstrap
(I hope you understand danish ;-) )
The ...
0
votes
1answer
8 views
Tooltip text wraps when there is a space in the text and even if the divisions are correct.how to keep tooltip in single line?
If i change tooltip position to right,its coming in two lines.how to wrap the tooltip in single line?
<a title="This is a my text.">
My tooltip is getting wrapped!
3
votes
0answers
24 views
How to change Angular bootstrap UI popover trigger event in different devices like tab, mobile etc?
I have created a popover which will trigger on mouse hover. For the desktop purpose it is good:
<p popover="template" popover-placement="left" popover-trigger='mouseenter'>Help</p>
My ...
1
vote
0answers
18 views
$scope.modalInstance.close(); what are the parametres i can pass?
what are the parameters i can pass? and how the parameters will affect the
behaviour of the model.
$scope.modalInstance.close();
1
vote
1answer
39 views
Angular Datepicker MinDate disabling one day behind
I'm using the Angular Bootstrap Datepicker and I'm setting the min-date attribute like this:
<input type="text" class="" uib-datepicker-popup="MM/dd/yyyy"
show-button-bar="false" ...
2
votes
1answer
108 views
How to extend ui bootstrap directive
It's pretty much simple to implement with patching the link function in the $uibTooltip, but I'd like not to modify thirdparty library and just to extend directive.
I need to show a trigger "show" ...
0
votes
0answers
11 views
How can i swipe whole RHS columns just to below to all LHS columns in below image while resolute to mobile ui
i want to swipe whole RHS columns just to below to all LHS columns in below image to make ui responsive.
i want to slide RHS coulmn under LHS cloumns in one go:By CSS etc .
0
votes
1answer
30 views
angular ui bootstrap window templateurl not working
I have tried the code in http://angular-ui.github.io/bootstrap/#/modal.
The windowTemplateUrl does not embed the data in templateUrl.Here is my plunk: ...
1
vote
0answers
23 views
How can i register third-party directive with another name?
I am upgrading my app from ui-bootstrap 0.11 to to 1.1.2.
As a part of the upgrade i should prefix the directives with "ui"
for example, tab should become ui-tab.
I want to avoid this huge replacement ...
0
votes
1answer
26 views
Clear results when typeahead value is 0
When I delete the search text, it doesn't trigger a change. I want to clear the results when someone deletes their query.
I'm using angular-ui bootstrap typeahead with typeahead-min-length: 0
0
votes
0answers
14 views
How can I get UI Bootstrap datepickerPopup to reinitialize and use translations from the appended locale file after a language switch?
I got my angularjs app setup with angular translate using 'useStaticFilesLoader' and a 'switchLang' function which calls '$translate.use(key)' to set a new translation file and also broadcasts the ...
0
votes
1answer
25 views
Don't want to focus input field after closed the bootstrap modal in IE 10
When I closing the bootstrap modal, text cursor is automatically placed in any of the input fields in a page. It is happening only in internet explorer 10. I don't need to focus the cursor on any of ...
0
votes
0answers
11 views
Not work ui-sref in modal
I have a view with controller and there is redirect by ui-sref and the view I open in modal from ui-bootsrap.
When I click to ui-sref link I see modal is closing but I don't get redirect to new ...
0
votes
1answer
45 views
$uibModal tries force execute submit in my form
I have a modal dialog, created with ui.bootstrap. When I'm performing some code with $uibModal or $uibModalInstance, inside of controller of this modal, AngularJS try to call submit method of my ...
1
vote
0answers
57 views
Angular - $uibModal is undefined
I created this controller
app.controller('headerCtrl', [
'$scope', '$log', '$uibModal', function($scope, $log, $uibModal){...}])
which gives the following error anytime i run it
Unknown ...
0
votes
1answer
22 views
Ui bootstrap pagination, itemsPerPage in custom template?
Anyone tried to show itemsPerPage inside custom template?
Haven't digged source enough but may be not accessible from inside..
1
vote
1answer
19 views
passing variables into angular-ui modal
I'm having some issues transferring the modal example from the angular-ui documentation here: https://angular-ui.github.io/bootstrap/#/getting_started
I keep running into this error:
Argument ...
0
votes
0answers
21 views
Unexpected end of input in ui-bootstrap file
I get this error whenever I load the page I am building. Everything worked fine until I copied the angular-ui-bootstrap js file. I have not changed anything from the file.
...
3
votes
2answers
29 views
How to pass a result from modal of angular-ui-bootstrap to parent without closing?
according to the https://angular-ui.github.io/bootstrap/#/modal, I want to pass a result from modal to the parent without closing but in the example code, they only show a passing result to parent via ...
