In this article I will show you to implement function in angularjs using angular.element. We can use document.ready() method as jQuery function and implement as our way.
We should include AngularJs script file and Script.js goes in to the Html Page. You should add ng-app attribute to the root element of Html and use AngularJs ng-controller of the view.
Script.js
///<reference path="../angular.min.js" /> angular.module('MyApp', []) .controller('myController', [function () { angular.element(document).ready(function () { document.getElementById('divMsg').innerHTML = 'Hello world'; }); }]);
Html Page:
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>angularjs function</title> <script src="Scipts/angular.min.js"></script> <script src="Scipts/Apps/Script.js"></script> </head> <body style="border:1px solid gray;width:500px;height:300px" > <h1>angularjs function</h1> <div data-ng-app="MyApp"> <div data-ng-controller="myController"> <div id="divMsg"></div> </div> </div> </body> </html>
Here I used html element to print ‘hello world’ string as shown below.
Output:
Post your comments / questions
Recent Article
- How to enable Search Feature in Django admin?
- How to check PAN-Aadhaar is Linked or NOT?
- How to customize pagination for django admin?
- How to fix HAXM is not installed |in Android Studio
- How to fix CMOS Checksum Error in Computer or Laptop | SOLVED
- Reactivating windows after a Hardware change on PC or Laptop
- FIXED: Windows reported that the hardware of your device has changed. Error code :0xc004F211
- "redirect" is not defined pylance("reportUndefinedVariable)
Related Article