Category : AngularJS

ItSolutionStuff.com have tutorials for AngularJS, here you can study articles of AngularJS, AngularJS posts collection, most popular and useful tutorials of AngularJS, here you can find list of all relevant posts and example about AngularJS, we have lists of tutorials and examples about AngularJS.very simple and quick example collection of Latest AngularJS category.



AngularJS - Display Default image if original image does not exists with example

We always require to check image is exists or not in given path, If not exists then we have to set default image. If we work on PHP or any framework then we check condition or something else for image exists of not to check But If you are working on AngularJS framework then we can do it using "directive". AngularJS directive through we can simple check image is exists or not on the given url path. In this example i use ng-src and err-src attribute to manage image, directive will check ng-src url image is exists or not, if not then it will set err-src image as default. So, I give you very bas.....

By Hardik Savani | October 18, 2016 | | 33697 Viewer | Category : AngularJS
READ MORE

AngularJS - update bind ng-model input value from Jquery Code

Sometimes, we require to set value of input box from js code, But if you bind with ng-model of angular then you can't set value directly with "val()" of jquery. As Bellow example: <pre> $("#my-name").val('test'); </pre> But of you set this way then it will display in your text box layout, but you can't get from on submit function. So, you have to also trigger input that way AngularJS can get on controller method. You can see bellow full example that way you can understand how to solve this issue: <strong>Example:</strong> <pre class="prettyprint lang-html"> <!DOCTYPE html> <html>.....

By Hardik Savani | September 27, 2016 | | 41240 Viewer | Category : AngularJS
READ MORE

How to call AngularJS controller function in Jquery?

Today, i am going to show you how to call angular function in your js file. Sometimes we need to call angular controller function in our jquery code because we can make single function in all project. It is very simple post but it important because many times we require to call angularjs function from jquery. So, i given bellow example will help you how to call angularjs function in jquery. It is from scratch that way you can simply understand. In this example i created one function "$scope.makeAlert()" In my AngularJS controller. This function have one argument that way we can also pass a.....

By Hardik Savani | September 22, 2016 | | 55195 Viewer | Category : AngularJS
READ MORE

How to remove # from URL in AngularJS?

If you work on AngularJS web application using angular route then you notice one thing. If you click on any hyper links it makes like as bellow: <pre> http://localhost:8000/# http://localhost:8000/#/items http://localhost:8000/#/users </pre> I mean always "#" will be there, But when we live this web application then it should delete "#" from URL, because it makes issue when we share link on facebook or etc. But should look likes: <pre> http://localhost:8000/ http://localhost:8000/items http://localhost:8000/users </pre> But we can remove easily using "$locationProvider.html5Mode(true);". Yo.....

By Hardik Savani | September 18, 2016 | | 19293 Viewer | Category : AngularJS
READ MORE

AngularJS - simple image upload with preview example in PHP

Sometimes, we require to make image uploading with preview selected image before upload using AngularJS. So, This post will help you how to image or file upload in AngularJS and PHP. In this example i didn't user any plugin or directive for image upload. It is very simple so you can use very simple and anywhere. For front-end code write in AngularJS and back-end code write in PHP(for image upload code). It will also display preview of image before upload. Example is working on bellow listed three things, you can see. <strong>1)index.php</strong> <strong>2)upload.php</strong> <strong>3)images.....

By Hardik Savani | September 16, 2016 | | 91040 Viewer | Category : AngularJS
READ MORE

How to hide div after some time using AngularJS?

Sometimes we require to do like hide div or text or any tag after some time using AngularJS. In this example i am going to show you how to do it. AngularJS have $timeout variable, $timeout variable through we can set specific time after hide. We can easily set time for hide or show. In this simple example you can see how it is works. Bellow example you can see and run bellow file in your machine. <strong>Example:</strong> <pre class="prettyprint lang-html"> <!DOCTYPE html> <html> <head> <title>Angularjs ng-hide div after few seconds</title> <script src = ".....

By Hardik Savani | September 9, 2016 | | 26083 Viewer | Category : AngularJS
READ MORE

AngularJS - How to call function on page load example with demo?

Today, I am going to show you how to call controller function when page will load in AngularJS. We sometimes require to run function when page load like for example if you need to check user is login or not in AngularJS, It is possible by fire one Ajax request When Page Load. There are several way to you can do this. I have two example for execute function on page load. In this example i give you very simple example, so you can simply understand and use it properly. First Example using "data-ng-init" attribute and Second example "$window.onload" function. So, Let's check both example and tr.....

By Hardik Savani | September 5, 2016 | | 208558 Viewer | Category : AngularJS
READ MORE

How to create Pagination using dirPagination directive in Angularjs example with demo ?

Angularjs Pagination is not simple like laravel, code php etc, because we have to manage it with JS. In this tutorial i give you to build simple way pagination in your angularjs application. In this example we will use dirPagination directive to add paginate. Pagination Directive provide us very simple way to create paginate like set itemsPerPage, dir-pagination-controls etc. In this example you can see how it simple. You can get more information about Pagination Directive from here : <a href="https://github.com/michaelbromley/angularUtils/tree/master/src/directives/pagination#basic-example".....

By Hardik Savani | July 7, 2016 | | 74167 Viewer | Category : AngularJS
READ MORE

AngularJS tooltip using UI Bootstrap tpls HTML example with demo

We are mostly use tooltip when the user hovers his cursor over a specific element purpose. In this post we going to create tooltip when cursor hovers on button, in this example i use ui-bootstrap-tpls plugin for tooltip. If you don't more about this plugin then no worry it is from scratch. In this example i added four button for different placement like top, right, left and bottom, so that way you can use any more that you want. So let's bellow example and also you can check demo. <strong>Example:</strong> <pre class="prettyprint lang-html"> <html lang="en-US"> <br/> <link rel="sty.....

By Hardik Savani | July 5, 2016 | | 55403 Viewer | Category : AngularJS
READ MORE

Angularjs Simple Datepicker directive example code with Demo

In this example you implement datepicker directive simply. In this example i used ngDatepicker plugin. It is very simple way to use and integrate. It is very flexible you can set format and other option. So If you also want to add datepicker then can do like as bellow example. In this example i include <strong class="path">/css/ngDatepicker.css</strong> path on link so you can download css file from here : <a href="https://raw.githubusercontent.com/jkuri/ngDatepicker/master/src/css/ngDatepicker.css" target="_blank">Click Here</a> and Also i include <strong class="path">/js/ngDatepicker.min.j.....

By Hardik Savani | July 2, 2016 | | 88343 Viewer | Category : AngularJS
READ MORE