Services
Technology Web App Development Mobile App Development Windows App Development Database Development UI/UX Development Cloud Development SEO Digital Marketing Guest Posting Content Writing Artificial Intelligence Data Science ERP Development CRM Development CMS Development LMS Development Business Listing Blockchain Technology Startup Promotion AI Tools Integration
Products
Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller
Developer
Article Blog Forum Interview Beginner News Startup Quiz
Users
Career
Apply Job Internship
Pricing
Login Sign Up Get a Quote

forum

home / developersection / forums / how to use ng-controller and ng-model in angular js?
Ask Question
Anupam Mishra
Anupam Mishra

Other

Message

1 Answers

Manoj Bhatt
Manoj Bhatt 24 Feb 2016
Report Abuse
Here we have  “Customer” controller which provides data via “CustomerName” and “CustomerCode” property and Add/ Update logic to save the data to database.
“Controllers” are simple javascript function which provides data and logic to HTML UI. As the name says controller they control how data flows from the server to HTML UI.


function Employee($scope)
{
        $scope.FirstName = "Anupam";
        $scope.EmployeeCode = "1001";
        $scope.Add = function () {
        }
        $scope.Update = function () {
        }
}

“ng-controller” is a directive.Controllers are attached to the HTML UI by using the “ng-controller” directive tag and the properties of the controller are attached by using “ng-model” directive. For example below is a simple HTML UI which is attached to the “Employee” controller via the “ng-controller” directive and the properties are binded using “ng-model” directive.

<div ng-controller="Employee">
<input type=text id="FirstName"  ng-model="FirstName"/><br />
<input type=text id="EmployeeCode"  ng-model="EmployeeCode"/>
</div>
MindStick Training