Added AngularJS Controller (#27786)

This commit is contained in:
Nievac
2019-06-25 06:22:23 +08:00
committed by Randell Dawson
parent 9d9fb93c6f
commit d92421037e

View File

@ -0,0 +1,31 @@
---
title: AngularJS Controller
---
# AngularJS Controller
------
Controllers are the behavior behind the DOM elements. AngularJS lets you express the behavior in a clean readable form without the usual boilerplate of updating the DOM, registering callbacks or watching model changes. (more info @ [https://angularjs.org/](https://angularjs.org/)
Example
```html
<div ng-app="myApp" ng-controller="myCtrl">
First Name: <input type="text" ng-model="firstName"><br>
Last Name: <input type="text" ng-model="lastName"><br>
<br>
Full Name: {{firstName + " " + lastName}}
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.firstName = "John";
$scope.lastName = "Doe";
});
</script>
```
The ng-controller directive defines the application controller.
A controller is a JavaScript Object, created by a standard JavaScript object constructor.
More info @[https://www.w3schools.com/angular/angular_controllers.asp](https://www.w3schools.com/angular/angular_controllers.asp)