Tagged Questions
0
votes
2answers
27 views
AngularJS custom table directive
I have made a table with AngularJS all is working good pagination and sorting but i want to make it as a component so that in other pages it can be used. Right now i have made a factory which calls my ...
0
votes
1answer
3 views
Dynamic max-Value in AngularUI/ UI Bootstrap progressbar directive
I am using Angular UI/UI Bootstrap's Progressbar directive (http://angular-ui.github.io/bootstrap/) like so:
<progressbar max="questions.length" value="currentQuestion">
{{currentQuestion}} ...
0
votes
1answer
23 views
Many UI-Bootstrap-Datepickers on page loads very slowly - can I use a single instance and move element?
I have many rows displayed using 'ng-repeat'. Each row has 2 x UI-Bootstrap-Datepickers. When there are many rows, the loading of the page gets really slow.
I would like to just use a single ...
0
votes
1answer
18 views
trying to insert directive into ui accordion body but gets converted to text
From the docs of angular bootstrap accordion I am trying to insert html into the accordion body.
$scope.groups = [
{
title: 'Dynamic Group Header - 1',
content: '<h1>Dynamic Group ...
1
vote
1answer
32 views
Native Bootstrap vs Angularjs Bootstrap directive
I am migrating an existing web application to AngularJS. As the application is already using Bootstrap 3 I am wondering if it is worth re-writing it with Boostrap Directives. My current understanding ...
1
vote
1answer
35 views
Form Validation and disabled button
PLUNKER LINK
In above problem i have three radio buttons which let the user pay balance,minimum amount and other
amount.When user clicks on third radio button it opens up a div with input where user ...
0
votes
1answer
27 views
Pagination with textbox in between next and prev go to page number in Angular js table
I want angular js pagination with next prev button and in between i need a textbox to go direct to any page number in angular js table
please help me
0
votes
0answers
38 views
Pass object to custom angular bootstrap ui tooltip
Im trying to pass and object to a custom angular-ui bootstrap tooltip component.
My code so far is a new directive:
angular.module('ui.bootstrap.korv', [ 'ui.bootstrap.tooltip' ])
...
0
votes
0answers
10 views
Merging two Angular bootstrap tabsets
I have two directives which contain a tabset with some tabs. I want a view where I want to see all the tabs in both directives in a single tabset. What would be the best way to approach this?
1
vote
1answer
30 views
How do i check all my html contents are loaded in angularjs?
I am using angularJS 1.2.1 and angular-ui-bootstrap
In my code i have list of <ng-includes> from angularjs and <accordion> from angular-ui
But when i load the content i want to make ...
0
votes
1answer
33 views
Unable to render an angularjs template inside a popover
I am trying to get a popover show some html content (it could be angularjs compiled content) and when I click on my "View" link, I do not see my custom directive getting processed and showing ...
0
votes
1answer
19 views
Child Scope not changing parent scope
I have two directives and am trying to filter a table based on a select box. I am using ui.bootstrap to create an accordion to hold the form. For some reason my form will not change the parent scope ...
0
votes
1answer
22 views
Angular draggable directive not working with AngularUI modal dialog
There is an Angular draggable directive here.
Can it be applied to an AngularUI modal popup window?
I've created a file called ngdrag.js in which I placed the directive code, and that file is ...
1
vote
1answer
30 views
ng-pattern Validation not working
I am trying to do validation with angular and Bootstrap but for some reasons ng-pattern validation is not working in Zip Code. Any help will be great in this.
Here's FIDDLE LINK
Not able to paste ...
1
vote
3answers
79 views
Not able to load $http.get - JSON data in ui tabset child tabs
I tried to load a dropdown with the response got from http post. But its failing to load on child tabs.
When i click next button from tab1. I make a post call and get a JSON back. Using the returned ...
0
votes
2answers
30 views
Adding new form inputs continuously
I currently have a form where an individual can add firstname and lastname via two input fields. In some scenarios they may want to add more
than one so I want to provide button/bit of text below ...
0
votes
0answers
27 views
Can I apply an AngularJS directive to an element via JavaScript instead of HTML?
Because the HTML5 date field is not supported in most major browsers, I'm using the UI-Bootstrap Datepicker directive to add date pickers to some form fields.
Instead of applying the directive in the ...
2
votes
1answer
62 views
Button Disabled/enabled on check-box state with Angular
I have created a reusable directive and using it in two different forms but unable to able/disable the button in form which changes according to the check-box state in directive. I want disable the ...
1
vote
1answer
61 views
How to show validation error messages on the right side of the input field in a tooltip using angular js?
I have form which contains some fields and have validated these fields by using angular.validator. The error messages are displayed under every fields. But I want to display this error messages using ...
0
votes
1answer
56 views
$compile a directive from bootstrap-ui in a directive
I think I have a problem with dependency injection but I'm a bit lost.
In my controller I'm getting some data from a server and putting it in a $scope variable.
In my directive I have a link that ...
0
votes
1answer
35 views
How to communicate between directive (tree component) and any other controller or directive in AngularJS app?
First of all, I have read so much info you all share about communication between controllers, that I'm now so confused about the BEST way to do it. I understand I should use service, but don't really ...
0
votes
2answers
57 views
How to change valid HTML tags that get rendered in ng-bind-html?
I have a text editor (textAngular) that I've modified to limit the number of valid HTML tags I can generate using that tool. Now, I want to only support a limited number of HTML elements (h3, h4, h5, ...
0
votes
1answer
150 views
angularjs : @mention in textarea
I want to display an autocomplete form triggered by the word @ in my textarea like this library http://ichord.github.io/At.js/ but only using angularjs & css
What kind of directive should I write ...
0
votes
0answers
45 views
MobileAngularUI scrollable directive for Windows Phone 8 (WP8)
I am using the mobile angular UI framework to develop our new app. it works great in android and ios, but having a couple problems with WP8.
The worst problem i have is that the scrollable ...
0
votes
0answers
39 views
Angular Ui Bootsrap `dropdown` interfering with my directive require
In angular.js, I use require: "^helpme", to inherit a directive's controller in my directive called actionButton...
angular.module("main.vips").directive("actionButton",
...
0
votes
1answer
85 views
Stay on current page when open new tab in angular js
<a class="seecode_button" href="#{{w.CouponID}}" ng-click="newwindow(w)" data-toggle="modal" data-target="#{{w.CouponID}}">CLICK Here</a>
$scope.newwindow = function(w) {
...
1
vote
1answer
160 views
how to show html on pop over using angular ui bootstrap?
I make demo of pop over like this .It show a pop over on right side when I click the button .But now problem is that how I will show some html on pop over .
<html ng-app="plunker">
...
0
votes
0answers
24 views
Javascript based trigger for angularjs popover/tooltip
Here's what I am trying to do:
I have a grid of elements that have text-overflow: hidden and I want to be able to show a popover/tooltip iff the text is actually hidden. I can do this manually with ...
0
votes
1answer
39 views
$watch doesn't work when using the UI bootstrap(angular)
I have problem when I want to using my select part with the "tab" in the UI-bootstrap.
The view part:
請選擇全國稅基佔市價比例
<select class="btn btn-default" ...
0
votes
1answer
101 views
angular, angular-snap.js, toggle button click hide/show behavior should not effect header and menu
I am using angular-snap.js for my vertical slider. The problem I am facing is that the snap-content and snap-drawer Toggle buttons are appearing and functioning from the top of a page (even above the ...
0
votes
0answers
32 views
Angular dropdown- moving through items in dropdown list using keyboard up/down key
I used angular dropdown directive in my project.
I want to move up/down using keyboard( up/down key) through items in list of dropdown.
How to achieve this?
0
votes
2answers
92 views
Clear the ng-model asssociated to textarea inside Angular Bootstrap UI tabset form an outside button
I have used angular bootstrap ui tabset to create two tabs and both of the tabs have textareas associated with a ng-model, i have a clear button outside the tabset and i want to clear the ng-model of ...
0
votes
1answer
42 views
Compile custom directive before ui-bootstrap directive
I'm trying to create my own directive for a datepicker so when the page is opened on a mobile device the input type change to type="date" and the native datepicker gets displayed instead of the ...
0
votes
2answers
340 views
how to make ng-model value set by ui-select value
I am currently using angular-ui/ui-select in my project. I am able to bind the value of the ui-select to an object without issue, however it is binding the entire item that is being iterated over. I ...
2
votes
3answers
235 views
Angular JS Date format inside Ng-Repeat
Actual Date coming from JSON
Need to format it as below .
Effective Date : 2010-08-31 (trim the time stamp)
End Date : 2010-08-31 (trim the time stamp)
Am using the below code for Formatting the ...
0
votes
0answers
21 views
Angular JS $http service within a directive
I am trying to create a implementation of the Facebook popover for my application.I have come across a directive for creating dynamic popovers.I want my application users to be able to hover over ...
0
votes
2answers
50 views
How to define two ng-click functions in a directive?
Here's my code in the template.
<button ng-click="{{backFunction}}" ng-show="{{backShow}}"> Back </button>
<button ng-click="{{nextFunction}}" ng-show="{{nextShow}}"> ...
4
votes
1answer
136 views
re-create the map by angularjs directive of google map
I'm using square theme of angularjs and using their map directive to generate the map like this:
<map class="ui-map" zoom="7" center="[32.794065, -97.439365]" style="height:250px !important;" >
...
google-maps
1
vote
1answer
53 views
ui.bootstrap deforms the <progress> HTML tag
In my HTML file I have a <progress> tag and I also injected the ui.bootstrap dependency to my controller as follows:
var myApp = angular.module("myApp",["ui.bootstrap"]);
In this ...
0
votes
0answers
108 views
Why angular-ui-bootstrap progressbar repaints?
in this site i have a progress bar showing the progress for answering questions.
it uses angular-ui-bootstrap.
when i continue to the second question, the progress bar repaints and you see a ...
0
votes
2answers
65 views
Angular scope variable available on html page but not controller?
I wonder if anyone could help me i have created a new directive so i can filter a dropdown list while loading data from a webServer. It all works fine, and i can write the values to the html page ...
0
votes
1answer
42 views
Problems with ng-router and anchor tab
MyApp.config([ '$routeProvider', function($routeProvider) {
$routeProvider
.when('/getAttributes', {
templateUrl : 'view/attributes.jsp',
controller : 'attributeController'
...
0
votes
1answer
41 views
Angular ui directives as attribute
Is it possible for me to use angular ui directives as attributes or class instead of elements??
eg:
<ul class="accordion">
<li class="accordion-group">
my content
...
0
votes
1answer
71 views
Tabs directive not exposing an api in my scope
So I'm trying the Tabs directive and having some problems.
the structure is something like:
//routes
$routeProvider..when('/course/:id', {
controller: 'CourseCtrl',
templateUrl: ...
5
votes
1answer
2k views
How to show form input errors using AngularJS UI Bootstrap tooltip?
For example I have the form where I am showing form input errors.
I need to show red badge (with 'hover to show errors') near input label if there are some errors. If user will hover this red badge - ...
-1
votes
2answers
111 views
Angular Js navigation issue
I am trying to implement simple login functionality and getting
http://errors.angularjs.org/1.2.6/$rootScope/inprog?p0=%24digest
exception. What does it mean? and how can i navigate to home page ...
0
votes
1answer
47 views
Angular how to get route id at resolve block?
How can i get "pageid" inside resolve block?
For every url change i had to request the server, along with the "pageid"?
My code:
app.config(function($routeProvider){
$routeProvider
...
0
votes
1answer
70 views
Getting the Angular Typeahead to work with JSONP and JSON with properties
I've been pulling my hair out trying to get the $http.json() to properly return a result set of objects. I have locally stored examples of the same response and they work fine.
Can anyone look at ...
1
vote
0answers
121 views
slide toggle from left to right in angular js
I am using hide and show an element using the angular JS . Angular toggle collapse working fine from slide up and slide down. How can I do the same thing sliding from right to left with some ...
0
votes
0answers
98 views
Django-Angularjs dynamic rating app
I trying to create a Angularjs rating app with django. I'm using the rating mechanism from angular-bootstrap. http://angular-ui.github.io/bootstrap/
I've created a controller which can handle ratings ...
