0
votes
2answers
23 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
15 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
48 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
45 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
17 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
40 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
34 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;" > ...
0
votes
1answer
19 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 ...
1
vote
0answers
40 views

How to Modularize AngularJS app(folder structure)?

assume i am going to strart new angularjs app with 3 modules 1.login 2.payment 3.enquiry i want to load payment module with login details similarly for enquiry . how can we achive this i will have ...
0
votes
0answers
30 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 ...
-3
votes
0answers
34 views

how to merge more than two app in angularjs

Hi i am new learner in angularjs i have more than two app like var Login = angular.module('Login', ['ngRoute']); var HomePage = angular.module('HomePage', ['ngRoute']); var myApp1 = ...
0
votes
2answers
51 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
21 views

Problems with ng-router and anchor tab

MyApp.config([ '$routeProvider', function($routeProvider) { $routeProvider .when('/getAttributes', { templateUrl : 'view/attributes.jsp', controller : 'attributeController' ...
0
votes
0answers
62 views

AngularJS modal is not working

I am getting following error to test modal in Visual Studio ASP.NET MVC program. Although It works fine in Plunker http://plnkr.co/edit/YIN0NUvHI7AX65GWB3fX Error in Browser console: Error: h is ...
0
votes
1answer
36 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 ...
-4
votes
0answers
31 views

Time scheduler in angulajs

See attached image, If I select day time in first row then I cant select same value and between the value in second or other row. Please help me i want in angularjs
0
votes
1answer
57 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: ...
4
votes
1answer
339 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
53 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
30 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
45 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
35 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
38 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 ...
0
votes
1answer
99 views

Angular UI Bootstrap - Collapsing tab content

Using the AngularJS UI Directives for bootstrap, is there any way to collapse the tab content using the tag? I have several tabs/pills with content, which will start collapsed (hidden). When any of ...
0
votes
2answers
32 views

How do I display an angular directive within a angular-bootstrap popover?

I have an angularJS directive which I want to show as a popover using Angular Bootstrap Popover When I try it, the popover just shows the directive tag. (Plunk: ...
0
votes
1answer
45 views

Contenteditable directive not working with Angular UI Bootstrap Tabs

I am trying to create two tabs using Angular UI (Bootstrap), in which one tab lets the user input HTML, and the other tab serves as a "Preview", rendering the HTML provided. To handle the preview, I ...
0
votes
1answer
23 views

AngularJS: Tab panes vary in HTML markup, I want them to be created dynamically and filled with data provided by factory service

I'm building a tabbed interface for displaying posts from various social networks (timelines) but not all tabs will have the same HTML markup. My factory service is returning JSON response so that ...
-1
votes
1answer
58 views

typeahead not working with lower version of ui bootstrap

Here is the plunker link if you changed the version of <script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.4.0.js"></script> to ui-bootstrap-tpls-0.6.0.js, it works fine ...
0
votes
1answer
94 views

Add an ID to datepicker of angular ui bootstrap

here is my code after each dateHolder div a date picker is generated.. but want an ID on them <div class="col-xs-12 tn-dateContainers" ng-controller="DatepickerDemoCtrl"> ...
2
votes
1answer
260 views

Show and Hide Alert Using AngularUI Directives for Bootstrap

Am a newbie in the field of web design. I came across bootstrap and later angularjs. I find them quite impressive. I noticed that bootstrap comes with its own jquery libraries and angularjs uses its ...
0
votes
1answer
201 views

rating directive from bootstrap-ui module if angular returns an error “Error: $compile:nonassign Non-Assignable Expression”

I'm trying to use the rating directive of bootstrap module for angular but when I click on a star to rate then angular trig this error enter link description here I understand that this error is ...
1
vote
1answer
71 views

Angular: Staying DRY With Angular-UI Pagination?

I'm using the angular-ui:bootstrap pagination directive on multiple views which interact with different controllers; these views/controllers often have to interact with sorting and filtering, which ...
0
votes
0answers
113 views

angular how to set attribute inside directive/template dynamically?

just started playing with Angular. I have several modal. same structure with header and footer. And the main part is a tree. I have data for three different tree. I am using angular ui. and abn tree ...
0
votes
0answers
43 views

Trying to get a string from Angular UI Modal via resolve object

I'm using the Angular UI modal directive: http://angular-ui.github.io/bootstrap/ I'm trying to pass a string from my modal open() function to my modal controller via the resolve object. I feel like ...
0
votes
0answers
23 views

AngularJS What is the correct way of cutting up your IHM

I'm now using Angular since a couple of months and i'm wondering if i'm doing it right as far as IHM organisation go. I've my Index page like this <html> <head> <all my script and ...
0
votes
1answer
98 views

$observe element's class-name

I have a UI.Bootstrap drowndown: <li class="dropdown hello" id="contentMenu" watch-content> <a class="dropdown-toggle" > Content options </a> ...
0
votes
1answer
68 views

Angular View {{ var }} updating, but $scope.var doesn't change?

I am using ui-bootstrap rating directive, and have encountered something weird. Below is the markup used for the directive. Two variables are passed into the directive, rateValue and rateMax <div ...
0
votes
0answers
309 views

Datepicker and Directives angular-ui bootstrap not working

I'm generate app with angular-fullstack and try to create Datepicker directives like this tuts ont angular-ui bootstrap:http://angular-ui.github.io/bootstrap/#/datepicker. but some how i always get ...
0
votes
1answer
84 views

How to execute a sequence of events in Angular using $timeout

I have a div in my view, I want to execute a function on ng-click() which turns the background for the div to 'color a' for 30 seconds if there's no action taken then for 60 seconds then change to ...
1
vote
3answers
372 views

Angular.js <input type=“date”> change format of submitted value

<label>From</label> <input type="date" ng-model="startDate"/> <label>To</label> <input type="date" ng-model="endDate"/> <button class="btn btn-success" ...
0
votes
1answer
58 views

How to remove the class from angular-bootstrap modal

I am using angular-bootstrap modal and trying to remove the slide down effect when it is closed. I tried to remove 'fade' class like this, but it didn't work. angular.module('myapp.directives', []) ...
1
vote
0answers
95 views

Angular UI Bootstrap progress directive binding on Orbicular attr

I've done a bunch of searching and reading on this one but have come up at a loss. Basically, we have two plugins. Orbicular and Angular UI Boostrap. Orbicular is inserted using the following: ...
0
votes
0answers
174 views

angular UI bootstrap popup datepicker combined with ui.mask

I am using the angular UI bootstrap popup datepicker like the example here : http://angular-ui.github.io/bootstrap/#/datepicker When i combine this with the uiMask Directive ( ...
-1
votes
1answer
555 views

AngularJS controller, required by directive, can't be found (solved)

I have an error for each "message" Error: [$compile:ctreq] Controller 'accordion', required by directive 'accordionGroup', can't be found! with my code in html <h2 ...
1
vote
2answers
290 views

Display Loading Icon or Loading Progress Bar using angularjs

How to display the loading Icon or loading Progress bar using angularjs. I mean something like this which used in jquery $("body").addClass("loading");, $("body").removeClass("loading");, I saw some ...
0
votes
2answers
126 views

Angular JS Root Scope

I am working with angular js at view layer. I need to use some global variable that will be used and modified by all the controllers method in my application: var app = ...
0
votes
1answer
60 views

Capture Posted Data from other website to AngularJs

I want to prepare secure application in AngularJs, which handle payment related common website(means we can get request from multiple website for payment in secure website). Now issue I am facing. ...
2
votes
1answer
237 views

Access to form controller hidden due to angular ui tab isolated/inherited scope

I have a simple case: <div ng-controller="myController"> <tabset> <tab> <form name="myForm"></form> </tab> </tabset> </div> and ...
0
votes
0answers
138 views

AngularJS : Dynamically bind and select value in angulajs directive with bootstrap popover

I am using bootstrap popover and when user hover; it will display popover with dropdown and calendar. Inside link function of directive I am fetching list and binding dropdown. Binding is done ...
0
votes
1answer
243 views

How to add active class inside header navigation directive inside a controller?

Since my app has a navigation menu repeated in several pages, I made a directive for it. Now, the .active class isn't applied to current page anymore. Do I need to put the controller inside the ...