Tagged Questions
0
votes
2answers
26 views
How to Return Asynchronous ($http) Data on Modal Close or Cancel
I have a open modal in controller called "Audit"
$scope.comment = function (spec){
ManualService.setManual(spec);
var modalInstance = $modal.open({
templateUrl: ...
0
votes
1answer
12 views
Bootstrap tagsinput is not displaying data from (Controller) Angularjs
I have a bootstrap tags input field in HTML as below :
input type="text" name="panel" ng-model="requirement.panel" data-role="tagsinput"
My Controller Model Value is as below:
{"_id":"...
0
votes
0answers
25 views
How to display a font-icons instead of image in Uirouter state and uibreadcrumbs
Note: below code is working fine with images.
Need to know how to implement for font-icons,
when I have to click the product menu, the page will redirect to the product page, product page menu will ...
0
votes
0answers
20 views
AngularJS ui.bootstrap.modal templateUrl not working correctly
I am trying to wire up a ui.bootstrap.modal object to display some data, I decided to create a seperate html file to hold all my markup for the modal. I can see that some modal tries to open because ...
1
vote
1answer
20 views
Change the template of a modal from within the modal in angular
I open a modal like this:
<a href="#" ng-click="showLogin()">Sign in</a>
Login Function
$scope.showLogin= function() {
var modalInstance = $uibModal.open({
templateUrl: '...
3
votes
2answers
65 views
Cross domain HTML parsing using AngularJS [duplicate]
We are working on java project in which backend is java + spring and fronted is angular 2 + HTML.
I want to do cross domain html parsing but we don't have permission to access external links on ...
3
votes
1answer
39 views
+50
Blueimp Gallery inside Boostrap Modal not vertical aligned properly
I have a modal window that shows a few data that also has Images which open in Blueimp gallery. The problem I have is, when the image is opened in BlueImp gallery, the image is not vertically aligned ...
0
votes
0answers
26 views
AngularUI - Bootstrap - $uibModal bindToController
Can someone please provide a clear explanation and simple example of what the 'bindToController' option actually does when using $uibModal. I'm creating modals specifying both a controller and ...
0
votes
1answer
24 views
How can I keep Bootstrap & Angular2 projects separate?
I'm planning to keep my Bootstrap project (purely UI / view) separate from Angular2 project (model processing, UI read / write & server communication).
How can I achieve this?
-6
votes
0answers
32 views
Create a modern web design for iPhone, iPad [closed]
I want to make a modern web design for iOS device look like this site http://www.emojiselector.com. This design need look well on iOS device (small screen), as well on PC or Mac. Please suggest for me:...
0
votes
1answer
15 views
Angular ui router tab - hide div when active
What is the easiest way to show/hide a div outside the tab content when on that specific tab only? My current example shows but I could not make it hide again.
Plunker: http://plnkr.co/edit/...
-1
votes
0answers
25 views
Force 3rd party Angular directive rerender without changing the directive
Found many ways to re-render a directive with changed data, but they all implies some modification on directive. As I use some third party directives I would not change, is there a method to force re-...
0
votes
2answers
23 views
Angular Bootstrap if tab is active, hide external div
Is there a way to detect if a specific tab is active and then hiding a div outside all tabs when it is active?
Plunker: https://plnkr.co/edit/b9O9S7JxxgzhQKcKONkn?p=preview
<div class="border"&...
1
vote
1answer
25 views
Edit field in background while keeping an Angular UI Modal open
In this plunk I have an Angular UI modal that's open and doesn't allow to edit/change anything in background. I need to edit a text field while keeping the modal window open. Is this possible?
HTML
...
0
votes
1answer
50 views
how to Dynamically Active tab with content for ui bootstrap tabs in angularjs?
I want to dynamically active tab with content in angular js
my code is
<uib-tabset ng-if="pets_count > 0" class="petsTabs tab-animation">
<div ng-repeat="(key, pet) in pets_list">
...
2
votes
1answer
33 views
Uib-paginator - one-time binding
Introduction
Now I'm using uib-paginator in my Angular 1.6 app. I want to be able to change some bindings after the application has started. E.g. in this case I want to change the language at any ...
0
votes
0answers
14 views
Related controller of partial view is not getting in Modal Popup in angularjs
I am developing a SPA using angularjs and .net.
Current Situation:
I have a master page and 2 partial pages. PageA and PageB have controllers respectively ControllerA and ControllerB. In the layout, ...
2
votes
1answer
41 views
Angular Boostrap modal not updating table
Angular Boostrap modal not updating table, if $scope.test() call from ng-click event, it refresh table but from $scope.closeAdjustmentModal(function for closing modal) it is not getting updated.
$...
0
votes
0answers
33 views
Getting the details like email, phone number from the textarea using angular js
I have a textarea with ng-model="address". I am getting the value of address. My question is, i want to read the email, phone number, name from that textarea using the angular js.
please provide the ...
0
votes
2answers
24 views
add traduction to ui-datepicker in angular ui-grid
is there a way to translate the button in the angular ui-datepicker in this plunker example.
I tried adding close-text="{{\'lblClose\' | translate}}" current-text="{{\'lblToday\' | translate}}" clear-...
-1
votes
1answer
49 views
angular bootstrap datepicker get visible dates (day mode)
I need to get visible dates from the Datepicker if mode is day.
Example:
In this case I need to get these 42 days. Also if user change month, I should refresh the Datepicker controller view and get ...
1
vote
2answers
53 views
angular bootstrap datepicker disable dates with $http request in dateDisabled function
So i have uibDatepicker directive (https://angular-ui.github.io/bootstrap/#datepicker) where i want to send request for each day provided in datepicker, hit server with that date, and return if it ...
0
votes
0answers
44 views
Angular UI Bootstrap Dropdown: Auto scroll to the selected value on open
I have a bootstrap dropdown menu with values from 0 to 50. When I open the page with a value saved - let's say 25 and click the dropdown the values shown in the dropdown are 0 1 2.... It should have ...
0
votes
2answers
27 views
Model is not refreshed in Angular UI type-ahead
To replicate the problem in this plunk, enter anything in the field, select any row and then click on the button "Change Name". You will see that the model is changed but the Angular Type-ahead input ...
0
votes
1answer
24 views
Two angular ui bootstrap pagination on same page not working
I have 2 angular UI bootstrap pagination on the same page but my second pagination is not working properly.
My first pagination initialization is:
<ul uib-pagination total-items="list_details....
0
votes
2answers
30 views
Changing CSS of Angular UI dropdown list doesn't work
In this plunk I have an Angular UI dropdown list with a class that attempts to change the color of the items in the list when the cursor is on the item (on hover)
I tried assigning a class to the <...
1
vote
1answer
398 views
How to handle 'Possibly unhandled rejection: backdrop click' in a general way
I have an angular service for handling modals:
angular.module('myApp').service('ModalService', function($uibModal) {
function open(options) {
return $uibModal.open(options);
}
});
Now I ...
-1
votes
0answers
30 views
singular framework will able to change the look and feel in asp.net page
Anyone have any idea about "Singular Framework".
Can we use it for changing look and feel in ASP.Net page.
Please help us anyone have any idea about it.
Thanks in Advance,
Regards,
Sanjoy
0
votes
3answers
58 views
How to create Angular JS ON-OFF Switch
I am trying to create ON-OFF switch by referring the link
Here i can not use the FontAwesome reference in the index.html file and what i have done is i have copied the font-awesome-css file in my ...
0
votes
0answers
32 views
Ag-Grid header Component adding custom header templates
I'm still using Angular 1.x and ag-Grid (non-enterprise).
But I'm trying to add tooltips from angular ui-bootstrap. So I need to add an attribute to all headers: "uib-tooltip='headerValue' "
The ...
0
votes
0answers
36 views
Angular ui bootstrap carousel not working - shows static images
I've used the same sample code shown in documentation for bootstrap carousel. I've included all my dependencies.
- Angular 1.5.8
- ngAnimate 1.5.8
- Bootstrap CSS 3.3.7
It works well in plunker since ...
0
votes
0answers
24 views
progress bar using Negative values which progresses from right to left?
I have a requirement about dynamic progress bar . In my application i'm trying to increase the progression of a bar with positive values now if user enters negative value it should start from zero to ...
0
votes
0answers
31 views
AngularJS Total items and Bootstrap pagination not working for range filter
I am working on my first Angular project and been trying to solve the below issue for days. Searching Google and Stackoverflow but couldn't find a solution that would combine pagination and range ...
0
votes
2answers
64 views
Week picker with Ui-bootstrap
I am using this week picker, and it is working fine, but i want
little more to be done with this, like when i select a week, all the
dates in between range should be selected and ...
0
votes
1answer
27 views
Adding compiled element to Angular directive is not working
In this plunk I have a directive that contains an Angular UI Modal. The directive takes transcluded elements and populates the modal.
This works fine, however when I try to compile new elements and ...
0
votes
0answers
7 views
AngularUI Bootstrap Carousel does not load until transition duration expires
I am building a Carousel using AngularUI Bootstrap. I overwrote/customized the default slide transition properties in my own css file. However I noticed that as I crank up the transition duration, the ...
0
votes
1answer
79 views
$uibmodal loading main page not template
bootstrap for angular and have this problem with $uibmodal it seems to load whole page not an template here is my code.
$uibModal.open({
template: [
'<div class="modal-content">',
...
0
votes
1answer
29 views
Date issue uib-datepicker and $filter Angular JS
I'm dealing with an issue with dates format:
in my formular I'm using uib-datepicker-popup to get the calendar and in the controller I need to format this date so I'm using a $filter('date'),
so here ...
0
votes
0answers
40 views
Using isolated scope with uib-modal
How can you use an isolated scope for $uibModal in UI Bootstrap?
You may pass the parent's scope:
$uibModal.open({
scope: $scope
})
or a new scope with $scope.$new()
but if the modal (as a ...
1
vote
2answers
27 views
How do I alter the properties of ng-model of angular bootstrap-ui radio button?
My HTML looks like this:
<div class="btn-group">
<label class="btn btn-primary" ng-model="radioModel" uib-btn-radio="'Topics'" ng-click="buttonClick('Topics');">Topics</label&...
0
votes
1answer
29 views
AngularJS Bootstrap-UI Tooltip - How to Configure Options in Controller
I have an angularJS app which is leveraging bootstrap UI. I'm trying to set up some bootstrap tooltips, which have a large number of configurable elements. Rather than making my markup significantly ...
0
votes
1answer
33 views
Open a single accordion in Angular.js
I have a problem, I'm generating several accordions dynamically. But my problem is that when trying to open one, they all open. How can I solve that?
https://plnkr.co/edit/BQ4yQkEtiDrnhISozlOe?p=...
0
votes
2answers
56 views
Angular TypeError: name.replace is not a function for bs-popover
I'm new to angular and keep getting the following error in the console TypeError: name.replace is not a function. I'm not sure what's exactly causing it, but it seems to be caused by the bs-popover ...
0
votes
1answer
26 views
Angular-material calendar with custom class
At Angular UI Bootstrap directive you can add customClass function that give any date a class according to the user decision.
My question is: Can I do the same thing with the material calendar?
...
0
votes
0answers
15 views
Error: $compile:multidir when I have more than one $uibModal component
I've got this strange problem where I have various modals in a view so you can open different forms. I'm using $uibModal calling the component I want to show but I'm getting the multidir error all the ...
0
votes
1answer
33 views
How to open a already created html model dialog using angular js function
I'm trying to invoke a an already created html angular modal dialog using angular js function. Following is my Code:
<div class="modal fade" id="myModal" role="dialog" modal="showModal">
<...
0
votes
0answers
30 views
Protractor: How to assing a localized value to an input field defined with uib-typeahead?
I have the following input field defined in a template:
<input id="addTodo_Todo_access" type="text" name="todo_access"
uib-typeahead=" level as level | translate for level in vm....
0
votes
1answer
63 views
how to set system proxy from angular js app
I am creating an app using node js and angular ui, where i need to ping a server.
To ping a server i have written the folloing code, which works perfectly :
app.get("/api/getPing", function (req, res)...
0
votes
0answers
45 views
Needing to display Angular UI Bootstrap progressbar with text behind the progressbar
I am needing to display text behind the progressbar centered with the progress bar advancing over the top of it. If it is a time consuming operation only a small portion of the text is displayed. Any ...
0
votes
1answer
28 views
Ui-date timepicker - angular js . - Can't close the timepicker box by click on the input
Im using the simple demo of uidatetimepicker
https://rawgit.com/Gillardo/bootstrap-ui-datetime-picker/master/example/index.html
The difference is that i'm not using the clock icon - I have ng-click ...
