99 questions
0
votes
1
answer
336
views
Datetime is not shown in Firefox browser for AngularJs project
I have been working in an ASP.NET Webform project where AngularJs is used. In a form angularJs datetime picker is used to show date and time. Whenever the form is open datetime should show in the ...
- 1,772
-1
votes
1
answer
924
views
Angularjs with bootstrap ui-datepicker
How to control datepicker object to call open/close method of datepicker.
how to get datepicker object in another angularjs directive.
** HTML **
<input type="text" class="form-control" uib-...
- 13
0
votes
2
answers
980
views
how to make border red if date is invalid in angular js?
I have a form in in which I have two field DOB , and marriage date .I want if marriage date is less than DOB I want to show red border .I am able to get if DOB is greater than marriage But I am not ...
user10288182
0
votes
1
answer
2k
views
getting "read property 'length' of undefined" when try to enter date
could you please tell me why i am getting this error .
angular.js:12798 TypeError: Cannot read property 'length' of undefined
at parseDateString (VM651 ui-bootstrap-tpls-2.5.0.js:3037)
at ...
- 12.8k
0
votes
1
answer
69
views
Unknown provider: uibCarouselProvider when trying to change it's template
I am trying to get angularjs to play nicely with local templates that override bootstrap ones.
I had initially use the same file path (uib/template/carousel/carousel.html for example) which is fine ...
- 13.5k
0
votes
1
answer
1k
views
How to call a function when angularjs accordion open only
Hi I am using angularjs ui bootstrap accordion. Here i want to call when user click on accordion call one function and get user
Here is the code please help me thnks in advance
$scope....
0
votes
1
answer
2k
views
Angular UI Modal: Inserting an Image into the modal body
I am very new to AngularJS and have to integrate the Angular UI bootstrap to an existing AngularJS application.
Inside the modal I have to place a screenshot and that's it. No unnecessary clutter. ...
- 415
0
votes
1
answer
2k
views
Bootstrap Switch from indeterminate state
Starting with this fiddle:
https://jsfiddle.net/okuem1fb/
<div class="make-switch switch-small">
<input type="checkbox" checked="true" data-checkbox="VALUE1" class="alert-status">
</...
- 1
0
votes
2
answers
107
views
Angular pre-selected
I have a modal that can edit. But in my modal I cant pre-select.
This is my HTML
<select ng-model='names.productionType' ng-options="data for data in productionType"></select>
This is my ...
2
votes
2
answers
9k
views
how to set min date in angularjs when using datepicker-options
I am trying to set the min start date.
I have tried using
<input id="StartDate" type="text" class="form-control" name="StartDate" datetime-picker="{{'yyyy-MM-dd HH:mm'}}" ng-model="vm.StartDate" ...
- 21
0
votes
2
answers
67
views
Modal in Angular $injector:unpr Unknown
I'm having this problem trying to use modals in angular
$modalProvider <- $modal <- User.Ctlr
Here's my app.js
'use-strict';
var App = angular.module('App', ['ui.bootstrap']);
Here's my ...
1
vote
0
answers
989
views
Reload AngularJS module without page reloading
I have some computations in myapp.config functions. They are performed when the page is loaded (or bootstrapped). I need to repeat these computations after that (e.g. after clicking a button or ...
- 2,655
2
votes
1
answer
31
views
Fetch server settings after boostrap but before anything else
I've been searching for an answer for this but haven't got any unambiguous or clear answer on how to solve and come about this.
In my anguarJS app, I want to make sure that the very first thing after ...
- 4,984
0
votes
1
answer
453
views
Angularjs factory data or object inaccessible directly inside the controller
I have just created an Angular JS factory (below is the code) which returns data for two datepickers (ui.bootstrap's elements) and bind to my html code, but when I am trying to modify the return $...
- 31
1
vote
1
answer
768
views
Send selected typeahead option through typeahead-on-select
<input type="text"
class="topic_select"
id="selectTopic"
ng-model="topicsPopulate"
uib-typeahead="topic.name for topic in topics|filter:$viewValue"
uib-typeahead-...
- 127
0
votes
1
answer
58
views
When using Bootstrap, why are some of my elements randomly not collapsing?
I have several collapsing blocks on my web-forms site. I'm using Bootstrap to collapse them, like so:
<div class="span<%# CurrentBlock.Span > 0 ? CurrentBlock.Span.ToString() : "12" %> ...
- 90
1
vote
0
answers
70
views
angular-bootstrap-lightbox plugin issue in safari browser of Window
I have using angular-bootstrap-lightbox in my project . its working fine in all browser.
But issue in safari of window.
Image that display in open modal is get disappear after display.
I have ...
- 3,719
1
vote
1
answer
2k
views
Bootstrap angular ui modal not updating or showing field data
So what I'm trying to do is get the data from the row data and display the properties of the object from that row onto the fields inside the modal view.
Also, when the submit button is pressed - The ...
- 769
0
votes
0
answers
543
views
Typeahead AngularJS | Autocomplete when click
I'm using the getbootstrap typeahead to populate an input value. I've setup everything so that the user has to pick something from this list:
<input type="text" class="form-control" id="birdname" ...
- 529
1
vote
0
answers
184
views
Angularjs bootstrap UI add the dynamic tab and page not loaded
I added dynamically tab
I click the 'Create Project' button the page not loaded
After I click 'Create Job' button the second page loaded
After I click the 'Project' tab the page opened
How to open ...
- 211
0
votes
1
answer
139
views
angularjs bootstrap ui active tabs not loaded by default
i am using angularjs v1.5.5 and ui-bootstrap-tpls-1.3.2.
i loading page the dynamic. i have 3 pages. i want to load last page by default
$scope.tabs = [
{ title:'Page A', template: 'a.html', ...
- 211
0
votes
0
answers
75
views
div popup if button click not working
I have a button which on clicked shows a dropdown we are using bootstrap to show the dropdown on button click below is my code.
<div class="dropdown">
<button class="btn btn-primary ...
- 91
1
vote
1
answer
1k
views
How to Add Custom Header for bootstrap popover in angularjs application
How we can add the custom header in popover in bootstrap .. I have used below code and i want to add custom header with some links:
<script type="text/ng-template" id="abc.html">
<...
- 1,887
0
votes
1
answer
730
views
angular-bootstrap calendar is not displaying calendar
I have installed all the component but also calendar is not displyaing.
I have downloaded moment manually and injected in app.js
module is:
angular.module('app', ['ionic', 'app.controllers', 'app....
- 419
0
votes
1
answer
246
views
Angular.js $compile doesn`t working
I try to change all input type dates in project to uib-picker-popup, I use directive and $compile but new element doesn`t work. When I put result html to new .html its working fine, I guess there is ...
- 2,674
0
votes
1
answer
468
views
Passing parameter during closing modal with ESC key
Is there a way to pass a parameter through the $modalInstance.dismiss when we close a modal using ESC key?
If user close properly using 'close', then I know I can use $modalInstance.close(ctrl....
- 891
0
votes
1
answer
642
views
How to declare and use modules, controllers, services and bootstrap manually in Angular?
i'm trying to build an AngularJS app that has one Controller, one Service and that Bootstraps manually (no ng-app). The problem is that I keep having an error :
Argument 'AppController' is not a ...
- 1,078
2
votes
1
answer
140
views
AngularJS and BootstrapUI - pass function and argument to BootstrapUI directive
I'd like to pass a function with to BootstrapUI's popover directive. The attribute is normally a string, but I need to do an AJAX call to supply the attribute to the directive. Currently, the popover ...
- 36
3
votes
1
answer
24k
views
Bare minimum code for AngularJS Carousel
I spent all day trying to get the "example" AngularJS Carousel to work, and it was only thanks to finally stumbling upon this topic that I finally got it to work.
Starting with the Carousel example ...
- 183
0
votes
1
answer
278
views
Angularjs ui bootsrap datepicker in backbase portal not working
I am trying to use datepicker of Angularjs ui boostrap in backbase portal but it is not working. Same code is working outside backbase portal.
My HTML code
<button type="button" class="btn btn-...
- 377
5
votes
2
answers
5k
views
How to make other directives work inside uib-tab elements
Is there a callback function for uib-tab directives I can use to refresh the inner directives after a tab has been rendered?
I am trying to find the source of an issue with a third-party directive ...
- 103
2
votes
3
answers
4k
views
Inject variables via ng-init to controller
I want to inject the same variables with different values multiples times to the same controller. This is what I tried. What is a way to get different values in each call?
HTML
<body ng-app="...
- 3,854
0
votes
0
answers
57
views
Have I lost scope in this template?
I have a partial page with the angular-ui carousel plopped down in the middle of it. That directive has a template-url attached to it:
<carousel interval="0" no-wrap="false" template-url="/...
- 557
0
votes
0
answers
610
views
Angular UI Bootstrap Datepicker shows wrong Date format after Navigating to other routes
I have multiple tabs in my application (i.e. I have used ngRoute to navigate to different tabs) and in one of the tab, I have used Angular UI datepicker
<input readonly="true" require id="...
- 2,475
0
votes
1
answer
64
views
Controller initialization in AngularJS
<html>
<body>
<div ng-controller="TestController">
Framework is {{name}}
</div>
</body>
</html>
Am making the ...
- 161
1
vote
1
answer
239
views
AngularJS - bootstrap - bootstrapDualListbox - on select values on left side all are selecting/moving to right side
I am using bootstrapDualListbox
JS
$('select[name="duallistbox_demo1[]"]').bootstrapDualListbox({
moveOnSelect: false
});
HTML
<select multiple="multiple" size="10" name="...
user4870812
4
votes
1
answer
2k
views
Auto positioning of tooltip using AngularJS
I want to position my tooltip automatically, like if I am at the top of the browser scrollbar, and there is a link with the tooltip in the first line then the tooltip must be displayed at the ...
- 51
1
vote
1
answer
862
views
Tabs in Angular Bootstrap
I'm trying to just display a couple of tabs by using Angular Bootstrap, but I cannot see any content displayed. All I see is a blank white page.
Where am I wrong?
html-
<html ng-app = 'myApp'>
...
- 6,681
0
votes
1
answer
1k
views
bootstrap dynamically height in navibar
I'm new in bootstrap and angularJS.
but I'm building page where top and left side page will be static not moving.
I use <nav class="navbar navbar-default navbar-fixed-top from bootstrap to header ...
- 333
2
votes
3
answers
6k
views
Angularjs data binding when passing a reference?
Sometimes, when two variables refer to the same variable, they are not binding together like this:
var option = 1;
$scope.a = option;
$scope.b = option;
When you change $scope.a, $scope.b does ...
- 179
1
vote
1
answer
1k
views
Multiple input fields and buttons on single line using Bootstrap
I have the following single line containing an search input bar and 2 buttons. How do I style this to make the search input box smaller according to the buttons next to it? I would like to add 2 more ...
- 113
1
vote
0
answers
956
views
Angularjs bootstrap datepicker in inline form (is it possible>
I have bootstrap inline form. When I integrated the Angularjs bootstrap datepicker, the datepicker text field is going in second line and breaks the shape of the bootstrap inline form. Any way I can ...
- 1,737
0
votes
1
answer
687
views
How to hide a div in Menu Collapse
I finally got the collapse menu working for the Bootstrap Angular UI. However I still couldn't figure out how to hide the div for the "hide-mobile" class and show the "show-mobile" class in the mobile ...
- 477
1
vote
0
answers
92
views
Angular doesn't Open Correct Modal
I am trying to open edit page:
<div id="edit" class="span6" ng-controller="BrandsCtrl">
<script type="text/ng-template" id="editPage">
<div class="row-fluid sortable">
&...
- 520
1
vote
1
answer
482
views
how to dynamically change the max value of rating in angularjs bootstrap ui
I just started using angularjs. I am using angularjs bootstrap-ui for this project. I am rating directive and I want to change the max value. But the changes are not reflected on the rating directive
...
- 637
1
vote
1
answer
1k
views
ui-router multiple named nested views
I have a nested view like this
<div ui-view="master" id="ng-view">
<div class="container-fluid height-full">
<div ui-view="globalNavigationPanel" class="row"></div>
...
- 127
0
votes
1
answer
1k
views
Argument is not a function, got undefined with angular bootstrap, ui-router and requirejs
I am following Dan Wahlin's example of dynamically loading controllers using requirejs but with angular ui-router.
this is my app.js
var bootstrapper = angular.module('etrading', ['ui.router', '...
- 127
0
votes
2
answers
399
views
ng-init or ng-bind does not work for sample code
My code:
Its simple but i don't get want am i missing:
<div ng-app="sample" ng-init="firstName='somnath'">
<p>My name is: <span ng-bind="firstName"></span>
</p>...
- 3,595
1
vote
1
answer
3k
views
Angular Bootstrap: Tooltip placement based on function
I'm using the Angular Bootstrap Popover:
<button popover-placement="top" popover="On the Top!" class="btn btn-default">Top</button>
If using default Bootstrap JavaScript, it's possible to ...
- 15k
5
votes
2
answers
5k
views
typeahead dropdown results align right - pull-right
Trying to understand how to implement the pull-right class within the angular typeahead dropdown only.
Issues:
input is located on RHS of window (which is typical for a search input box)
my ...
- 73