What is ng-repeat directive?

It is a directive which repeats HTML elements in a collection, provided that collection must be an array. So, basically we can say it is mainly used for looping data same like for,while,foreach etc.   

Example:

Output:

What is ng-bind directive?

The ng-bind directive binds the model property. The ng-bind attribute tells AngularJS to replace text content of the specified HTML element with the value of given expression, and update the text content when the value of that expression changes.   

  

Example:

Output :

In above example, ng-bind directive bind the value of ng-model property “name” to the <span>.The value of “name” property will enter in textbox.

What is ng-model directive?

The primary purpose of this directive is bind the “View” to the “model”. We can bind the HTML controls (input, select, text area) value to application data.

One way data binding

One way data binding means that, it bind the data model to the view. Show figure in below. 

Example: 

If the code is executed successfully, the following output will be shown below.

Two way data binding

The binding goes both ways.If the user changes the value inside the input field,the AngularJs property will also change its value.Show figure in below.

Example:

Output:

What is ng-init directive?

Ng-init directive used to initialize application data. Sometimes you may require some local data for your application, this can be done with the ng-init directive.  

How to use ng-init directive  

In this example, we are going to create a variable called “Name” using ng-directive and display the value of variable on the page.

Output:

In above example, we initialized variable of string. These variable can be used anywhere inside <div> elememt.  

What is ng-app directive?

It is represent angular JS application and root element of the application. It initializes the angular JS framework automatically. It will first check the ng-app directive in HTML document if it is found then complete document is loaded.

Example:

 Output:

In above example, ng-app directive is placed in the div element whose id “div_Id ”.Therefor, AngularJs will only compile div_Id and its child element. It will not compile the parent or sibling elements of div_Id.

The following figure illustrates the above example.

What is angularjs directives?

Angular js directives means that it extends the HTML. These are special attributes starting with ng-prefix where ng stand for angular. AngularJS includes various built-in directives. In addition to this, you can create custom directives for your application. Discuss some important directives of angular js.

• ·         Ng-app
• ·         Ng-init
• ·         Ng-model
• ·         Ng-controller
• ·         Ng-bind
• ·         Ng-repeat
• ·         Ng-show
• ·         Ng-readonly
• ·         Ng-disabled
• ·         Ng-if
• ·         Ng-click

What is angularjs modules?

An Angular js modules represent an application and it is a container for different part of application. It is a main() method in your application. Module is created by using the angular js function like:

<div ng-app="myApp">...</div>

<script>
var app = angular.module("myApp", []); 

</script>

You will notice that angular.module("myApp", []) are having two parameters.

The first parameter represents the name of module and the second parameter represents the dependency which are associated with that module.

Note: A module can depend on another module also

What is angularjs Expressions?

Expressions are used to bind application data to html.

     Angular js expression can be written inside double braces like:

               {{Your  expressions}}

    Angular js expression can also be written inside a directive like:

             Ng-Bind=”Your expressions”

Example:

Out Put:

What is Angular js?

Angular js is a JavaScript framework. It is maintained by Google. It letus you use HTML as your template language and letus you extend HTML’s syntax to express your application’s component clearly and succinctly. Angular js is perfect for single page application. This framework developed on MVC(Model View Controller) design pattern.

Following are some important features of Angular js –

•             Data binding
•             Scope
•             Controller
•             Services
•             Filters
•       Directives
•             Routing
•            Model view
•            Dependency injection
• 
  
• 
  
• 
  

Difference between jQuery text() and html() functions.

• Jquery .text()  can be used in both XML and HTML documents and .html() is only for html documents.

          Exmple:

                    

                   <html>

                  <head>
                         <style>
                               p { color:blue; margin:8px; }
                               b { color:red; }
                       </style>
                      <script src="http://code.jquery.com/jquery-latest.js"></script>
                 </head>
                <body>
                       <p><b>Test</b>Paragraph</p>
                      <p id='second'></p>
                     <p id='last'></p>
                      <p id='final'></p>
              </body>
              </html>

                    

                       var str = $("p:first").text();
                        $("#second").html(str);
                       $("#last").html('<b>my formatting is</b> preserved.');
                       $("#final").text('<b>my formatting is</b> lost and im sanitized');

How to check jquery version in application?

• jQuery.fn.jquery
• jQuery().jquery
• $()['jquery']
• $().jquery

How to generate excel using data table in c#

Public void GenerateExcel(Datatable dt)

{

string attachment = "attachment; filename=city.xls";

 Response.ClearContent(); Response.AddHeader("content-disposition", attachment);

 Response.ContentType = "application/vnd.ms-excel"; string tab = "";

 foreach (DataColumn dc in dt.Columns) 

{ 

Response.Write(tab + dc.ColumnName); 

        tab = "\t"; 

} 

Response.Write("\n"); int i;

 foreach (DataRow dr in dt.Rows)

 {         tab = ""; 

for (i = 0; i < dt.Columns.Count; i++)

 { 

Response.Write(tab + dr[i].ToString());   

          tab = "\t"; 

}

 Response.Write("\n"); 

}

 Response.End();

}

Read data from PDF in c#

Festally download “iTextSharp dll” this link "https://sourceforge.net/projects/itextsharp/" when download dll then add reference of dll in your application after that use blow code.

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using iTextSharp.text;

using iTextSharp.text.pdf;

using iTextSharp.text.pdf.parser;

using System.Text;

namespace ReadDataFromPdf

{

    public partial class ReadPdf : System.Web.UI.Page

    {

        protected void Page_Load(object sender, EventArgs e)

        {

            iTextSharp.text.pdf.PdfReader reader = new iTextSharp.text.pdf.PdfReader(@"C:\Users\Ankur\Downloads\PAYSLIP_APP-135_December_2016.pdf");

            StringBuilder sb = new StringBuilder();

            for(int i=1;i<= reader.NumberOfPages;i++)

            {

                sb.Append(PdfTextExtractor.GetTextFromPage(reader, i));

            }

            TextBox1.Text = sb.ToString();

            reader.Close();

        }

    }

}