A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
1answer
12 views
How do I alert a after the progress bar has completely loaded in angular js & bootstrap ?
I would like to load an image after the progress bar has completely loaded, (kind of sequential). I have this snippet. Please do help!
<progressbar class="progress-striped active" animate="true" ...
0
votes
1answer
6 views
Handle date with mask and uib-datepicker
I'm looking for a way to use uib-datepicker and some kind of mask for the user input but the uib-mask is not suitable for work with js Date() types.
In the default uib-datepicker samples the users ...
0
votes
0answers
23 views
Angular UI bootstrap uibModalInstance.result not yielding any value
Below is my code for the directive cabinet and my two controllers CabinetThumbnails,ModalCtrl. Based on my requirement i am using the directive cabinet and the CabinetThumbnails to render couple of ...
1
vote
0answers
22 views
Having two directives on same DOM element and their Priority
I know Customizing out of the box typeahead directive is not a good idea, so went ahead and created another directive called type-ahead-custom for my customization.
HTML
<div ...
0
votes
1answer
42 views
Angular data binding not working inside ng-view
I am using angular JS with angular-route and ui bootstrap to build a form with dropdownlist.
My problem is thaht when I put the ui-bootstrap dropdownlist component inside an ng-view, the component ...
0
votes
0answers
26 views
angular ui-select not rendering input field
Hey guys im mindf*cked,
i have an angular 1.4.7 project and want to use 'ui.select' but im getting always this errors:
Error: [$compile:tpload] ...
0
votes
0answers
23 views
Unknown provider: $uibModalInstanceProvider when open template not in modal view
I'm getting the follow issue whenever I access to a view that has to behave in two different ways:
First, when its called for another view working as a 'step window' to input some data and pass it ...
0
votes
0answers
3 views
How to show ngdialog as nspopover
How can i open ng dialog like ns-popover i can not use ns-popover as it don't have any method to call the way ng-dialog has open function.
I tried changing css as nspoppover have but it doesn't work
...
0
votes
0answers
16 views
Directive validation for wrapped input and issues with $compile
Here is a plunker for my directive:
http://plnkr.co/edit/IJLRqLIDchu9TNRfbRbv?p=preview
I'm attempting to create a directive called app-datepicker that takes an input like this:
<input ...
0
votes
1answer
22 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
38 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
1answer
43 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
39 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
25 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
17 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
27 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
27 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
33 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
19 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
45 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
36 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
27 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
15 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
28 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
37 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
20 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
41 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
36 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
37 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
41 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
47 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
52 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
24 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
20 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
19 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
42 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
116 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
33 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
