Tagged Questions

-2
votes
1answer
21 views

Mask integer in Read-Only input field in AngularJs? [on hold]

I have 2 pages.In first page i will fill my mobile number.Then,navigating to the second page I will show the mobile number in read only.In that i need to show the number like xxxxxx1234. If user ...
0
votes
1answer
26 views

function is not defined at html onclick and ng-click as well as ui-sref is not firing

I would like to open a modal on a button click that is added dynamically to the infoWindow of a Marker on my map. I tried several things now, like using onclick, ng-click and ui-sref. onclick is not ...
0
votes
0answers
35 views

How to achieve average star rating using ui.bootstrap?

angular.module('ui.bootstrap.demo', ['ngAnimate', 'ngSanitize', 'ui.bootstrap']); angular.module('ui.bootstrap.demo').controller('RatingDemoCtrl', function ($scope) { $scope.rate = 7.2; $scope....
0
votes
0answers
20 views

Bootstrap switch based angular-js directive - how to make disabled?

We have a directive based on bootstrap switch. I'd like to be able to make it disabled for some cases. In the form that uses our switch directive I added <switch class="pull-right" label-on="@...
0
votes
0answers
26 views

How to set a message on parent page using ui-bootstrap modal (scope issue)

I have the following modal code: var somemessage = null; $scope.open = function() { var modal = $uibModal.open({ templateUrl: '/App/Views/test.html', animation: true, ...
1
vote
1answer
39 views

Angular.js chart redraws when clicking on angular-bootstrap-dropdown

I'm having a issue with angular-chartjs that is driving me mad. I have a bootstrap dropdown (using angular-ui-bootstrap) next to a , used by angular-chartjs. When the chart has more than 7 items in ...
0
votes
2answers
33 views

customize alert box angularjs

I have a login form I make a test if the username & password invalid I want showed in sweet alert this is my code : else { alert('login & password invalid') var path = "...
0
votes
2answers
35 views

How to arrange wells in bootstrap in two different columns?

I want to arrange my list of wells to be in two different columns. I have attached my plunker link https://plnkr.co/edit/35oC9Eochk6EPgKeI9he?p=preview. This is my view <div class="well well-lg"...
2
votes
0answers
19 views

I cannot dynamically hide UI Bootstrap's popover directive in a custom directive [AngularJS]

I am creating a custom AngularJS directive that will enable users to select a range of text and add a comment/annotation to that selection of text, similar to Annotator. In my directive's link ...
0
votes
0answers
14 views

ui bootstrap datepicker popup stay under modal and not appear

There is a modal in it that opens with ui grid. However, the datepicker to be used in one of the headers (template) on the grid does not open as a popup. When Modal closes, it appears and disappears ...
-7
votes
0answers
33 views

How to use Bootstrap 3 Datepicker in Angular 2? [closed]

What I write in my HTML code? I need install something? Please help me. I'm need this in my project.
0
votes
0answers
15 views

UI Bootstrap tooltip in a table moves everything on the right

I have few problems by using the UI Bootstrap. I want to use the tooltips. But when I put the tooltip on my TD element. And then I hover it the tooltip shows but, all the things in the same row on the ...
0
votes
1answer
40 views

crop doesn't work inside bootstrap modal

i'm using ngimgcrop to crop images and it works fine in but I tried to display the images inside uibmodal it doesn't work. I tried some solutions(use ng-init ..)but None worked for me. and in the ...
0
votes
0answers
30 views

Disable day and specific date in angularJS

I want to disable day (Monday to Sunday) and specific date in angularJS. Currently I'm using UI Bootstrap DateTimePicker. Everything works but when I scrape my data from API, the data won't work or ...
0
votes
1answer
21 views

UI Bootstrap 2.5 can't get chevron to change based on open or closed accordion

Following the documentation somewhat closely, made a few changes. Can't get the chevron glyphicon to point upwards when the accordion is open. Last 10 or so rows in the code snippet is what I have ...
0
votes
1answer
31 views

Angular UI - Watch value from input in Popover Template

I'm trying to create a directive which uses the Angular Bootstrap Popover, which contains an input. Everything works fine, except the watch is not triggering. Here is a Plunker. The directive looks ...
1
vote
0answers
70 views

Angularjs Bootstrap Toggle Sidebar

Hi I am using the following sidebar as my Admin dashboard. <div ng-controller="VVKIController"> <nav class="navbar navbar-default navbar-fixed-top topbar"> <div class="container-...
0
votes
0answers
35 views

Angularjs multiple/nested dropdown menu/submenu

I'm trying to make a multiple or a nested dropdown like this: <div class="collapse navbar-collapse" id="myNavbar"> <ul class="nav navbar-nav navbar-right"> ...
0
votes
1answer
24 views

Passing in directive ng-model to uib-tooltip

I'm trying to create a custom directive to generate inputs for an ng-form and these inputs should be able to show a tooltip with information in it based on what errors are currently within the given ...
0
votes
1answer
29 views

Angular wrapped uib-dropdown with required attribute

I'm trying to create custom validation for a Angular form where I'm using the uib-dropdown wrapped inside a custom component. There are several cases where on dropdown changes the content of the ...
0
votes
1answer
31 views

Angular ui bootstrap - Not able to inject resolve function

I have a button on click of that i have to open a popup. This is my configuration for opening modal : var uibModalInstance = $uibModal.open({ animation: true, ...
1
vote
0answers
20 views

using md-autocomplete from Angular Material in a ui-bootstrap modal

Problem Been trying to get the autocomplete dropdown to show, the md-virtual-repeat-container is ending up behind the modal, and I've tried playing with the z-index to get it above the modal with no ...
0
votes
1answer
27 views

AngularJS UiBoostrap Accordion. Controller 'uibAccordion', required by directive 'uibAccordionGroup', can't be found

I'm working on an AngularJS app. In my index.html, at the end of my body tag I declare this : <script src="bower_components/angular/angular.min.js"></script> <script src="...
1
vote
1answer
22 views

How to stop toggling star rating on click in ui.bootstrap Star rating?

angular.module('ui.bootstrap.demo', ['ngAnimate', 'ngSanitize', 'ui.bootstrap']); angular.module('ui.bootstrap.demo').controller('RatingDemoCtrl', function ($scope) { $scope.rate = 7; $scope....
1
vote
1answer
19 views

rotate=“false” not working in ui-bootstarp/angular-data-grid

I am using ui-bootstarp v0.14.3 and http://angular-data-grid.github.io/demo/bootstrap/ According to angular-data-grid docs rotate (Defaults: true) : Whether to keep current page in the middle of ...
0
votes
0answers
41 views

Mobile Angular UI bootstrap theme

I'm nearing the end of my first big mobile angular project. Thus far I've just adopted default styles from the twitter bootstrap provided, bootstrap style sheet links look like this: <link href="...
1
vote
1answer
22 views

Accessing the $index of an ng-repeat element inside uib-dropdown?

I'm trying to write an ng-repeat in which each element in it has a dropdown menu attached to it. Within that dropdown menu I want to have functions that act on that individual element, for which I ...
0
votes
1answer
38 views

Access parent controller in $uibmodal without using scope

I have trouble in accessing the parent controller methods/variables inside $uibmodal My HTML modal: <div ng-controller="TestCtrl as vm"> <div class="modal-demo lg"> <div class="...
1
vote
2answers
27 views

angular-ui-bootstrap, remove the last tab, the whole page was refreshed

I added ng-click event to remove the tab in uib-tab-heading.Everything was ok but when I removed the last tab, the whole page was refreshed which is not expected. This is my code: http://embed.plnkr....
0
votes
1answer
41 views

popover-append-to-body doesn't work

I have this kind of problem: I prepared a popover in AngularJS, triggered by button positioned in a row (ng-repeat) inside a table. It works, but when I resize the window, vertically I don't have ...
0
votes
0answers
48 views

Buttons on next page don't work

I have a problem with pagination. All works fine when I use only first page. When I go to next, buttons, checkboxes and other don't work as I want. Doesn't work on second and next pages: hoverIn ...
-1
votes
1answer
32 views

Dynamically change the Bootstrap panel link names (open and close panel) for AngularJs ng-repeat

How can I set up my Bootstrap panel collapse, to dynamically increment with AngularJs ng-repeat? In other words, change this: data-target="#collapseOne", and this: <div id="collapseOne"> to ...
1
vote
0answers
49 views

Cannot read property 'join' of undefined when using Angular UI bootstrap?

This link exactly discusses the issue: Angular UI Bootstrap issue Github . But I'm unable to understand what is the solution from the discussion. I tried to add the ngLocale by referencing the link ...
0
votes
0answers
46 views

How to invoke a modal from a controller in angularjs / ui-bootstrap?

I am trying to display a modal (Note view) from a controller (Details controller). I have separate controllers tied to each view. The Details view has a list of radio buttons and upon selecting a ...
0
votes
1answer
26 views

Exporting a pdf - Failed to load resource: the server responded with a status of 404 (Not Found)

I am getting a 404 error when I try to export tablles and a ui-grid as a pdf using pdfmake. It works perfectly in Firefox, but not with Chrome I am getting this msg twice Failed to load resource: ...
0
votes
2answers
20 views

Angular UI date picker error message in same line

In this plunk I have an Angular UI date picker with an error message that is displayed when the date is invalid. Problem is that the error message is shown below the date instead of the same line. How ...
1
vote
1answer
39 views

Angular UI date picker validation

In this plunk I have an Angular UI date picker and a message that should be shown only when the date is valid. The problem is that the message is always shown, even when form.$valid is true. Note that ...
0
votes
1answer
38 views

Changing class on active Tab

i have used angular UI tabs and i have buttons that switches to different tabs. I am trying to change the style of a button of that tab whenever that same tab is active. so i used ng-class to change ...
0
votes
0answers
17 views

angular-bootstrap-ui datepicker opens but does not populate its text field

Angular 1.5. Angular-ui-bootstrap's datepicker opens, but selecting a date neither populates the input field, nor closes the modal. Clicking the "today" button does both, however. Interestingly, this ...
1
vote
0answers
43 views

Custom Angular Datatable with cell render function

I am creating my own data table for angular. I know there are a bunch out there to choose from, but the issue is that most of those are too feature heavy and bog down when returning a large data set. ...
0
votes
1answer
20 views

Requiring ui.bootstrap when using Browserify

I have had some trouble trying to inject a reference to AngularUI's ui.bootstrap service. I am using browserify so I cannot just add the script to the base html file. When I try and call angular....
0
votes
0answers
14 views

typeahead angular-ui not vanish when change input

I use typehead search in angular-ui . But it's not vanish when no result match . Here is my code <input type="text" placeholder="Search" ng-model="search" uib-typeahead=" tensp as tensp.tensp for ...
0
votes
0answers
23 views

How to open a modal dialog with angular ui router and keep the current view

I'm trying to follow this approach and everything seem to work, however it has a nasty side effect, since the ui-view under the dialog becomes blank. Is there a way to follow that approach and keep ...
1
vote
0answers
31 views

AngularJS angular-ui-bootstrap DROPDOWN Set Initival Value in Popup

The page generates a table and when a user clicks on the row's edit button, an edit popup displays. In the popup and tetxboxes, textareas, etc. work fine. The dropdown fills with values. If have ...
0
votes
2answers
141 views

How to change the style properties of uib-accordion-heading

The solution for the problem is already there/I have. But if I change the resource file version(inside head tag) from ui-bootstrap-tpls-2.5.0.js to ui-bootstrap-tpls-1.2.1.js, it is not working proper....
0
votes
1answer
59 views

How to show the selected item/values/details from modal in outside the modal using angularJS

I need to show the values given in modal at outside the modal using AngularJS. Plunker attached here which clearly explains. Can anyone help me out........I have already checked Angular, Ui-Bootstrap ...
1
vote
3answers
57 views

ng-model not updated for select drop-down list in angular ui-bootstrap modal

Please see the problem in action: Working Plunker I have a web page for adding person info. It should allow add/edit/delete multiple addresses for the person. There is an Add New Address button ...
0
votes
1answer
76 views

Angular UI-Bootstrap typeahead in table

Simple question really, but how can I setup the typeahead to work in a table that works off of a different table than my typeahead? For Example, I have a foreign key in a table and I want to let the ...
0
votes
2answers
54 views

Angular UI-Bootstrap Typeahead: Accept top item as selected on ENTER

Simple question, but is there a way to have the first item in the dropdown results be the selected item when ENTER is pressed? An example of this is the user types in "PC0" and sees "PC001" listed ...
0
votes
1answer
29 views

Set dynamic value for parent in state in angular js

I am trying open uibmodal in angular but the parent state must change as per request of previous state. My code of state.js - (function() { 'use strict'; angular .module('myApp') ...

1 2 3 4 5 … 69