اگنلرج ایس ڈیٹا بائنڈنگ

انجولر جس میں ڈیٹا بائنڈنگ ماڈل اور ویو کے درمیان سینکنگ ہوتا ہے۔

ڈیٹا ماڈل

انجولر جس کا ایپلی کیشن عام طور پر ایک ڈیٹا ماڈل رکھتا ہے۔ ڈیٹا ماڈل یعنی ایپلی کیشن کے لئے استعمال کی جاسکتی ہوئی اعداد وشمار کا مجموعہ ہوتا ہے۔

مثال

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.firstname = "Bill";
  $scope.lastname = "Gates";
});

ای پی جی ویو

انجولر جس کا ای پی جی اپلی کیشن کا نمائش کرنے والا کانٹرینر ویو کہلاتا ہے۔

ویو ماڈل تک رسائی حاصل کرسکتا ہے، اور ویو میں ماڈل کا اعداد وشمار دکھانے کے کئی طریقے ہیں۔

آپ میں استعمال کرسکتے ہیں ng-bind آمر (دکھانے والی)، جو عناصر کا innerHTML بائنڈ کرسکتا ہے، اس کا نمبر:

مثال

<p ng-bind="firstname"></p>

خود کو چالسکے

آپ میں بھی استعمال کرسکتے ہیں {{ }} آپ میں کا مطلب دکھانے کے لئے

مثال

<p>نام: {{firstname}}</p>

خود کو چالسکے

یا، آپ ویو پر آمر (دکھانے والی) استعمال کرسکتے ہیں ng-model آمر (دکھانے والی) ماڈل کو ویو سے بائنڈ کرتا ہے۔

ng-model آمر (دکھانے والی)

استعمال ng-model آمر (دکھانے والی) ماڈل میں کا اعداد وشمار ویو پر بائنڈ کرسکتا ہے، جو (آئی این پی، سلیکٹ، ٹیکسٹ ا predicate) ہیچل کنٹرولز کا ہوتا ہے۔

مثال

<input ng-model="firstname">

خود کو چالسکے

ng-model آمر (دکھانے والی) ماڈل اور ویو کے درمیان دو طرفی بائنڈنگ فراہم کرتا ہے۔

دو طرفی بائنڈنگ

انجولر جس میں ڈیٹا بائنڈنگ ماڈل اور ویو کے درمیان سینکنگ ہوتا ہے۔

جب ماڈل میں کسی بنا پر اعداد وشمار کی تبدیلی ہوتی ہے تو ویو اس تبدیلی کو دکھاتا ہے، جبکہ ویو میں کسی بنا پر اعداد وشمار کی تبدیلی ہوتی ہے تو ماڈل بھی اپدیت ہوتا ہے۔ یہ فوری اور خودکار طور پر ہوتا ہے، جس سے یقین حاصل ہوتا ہے کہ ماڈل اور ویو ہمیشہ اپدیت رہتے ہیں۔

مثال

<div ng-app="myApp" ng-controller="myCtrl">
  نام: <input ng-model="firstname">
  <h1>{{firstname}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.firstname = "Bill";
  $scope.lastname = "Gates";
});
</script>

خود کو چالسکے

اگنلرج ایس کنٹرولر

انجولر جس میں ایپلی کیشن کنٹرولر کے ذریعے کنٹرول کیا جاتا ہے۔ کنٹرولر کے بارے میں انجولر جس کی کپتا میں پڑھیئے۔

کوئی بنا پرستار اور ویو کا فوری سینکنگ ہوتا ہے، لہذا کنٹرولر ویو سے پوری طرح علیحدہ رکھ سکتا ہے اور صرف ماڈل کے اعداد وشمار پر توجہ دیتی ہے۔ انجولر جس میں ڈیٹا بائنڈنگ کی وجہ سے ویو کنٹرولر میں کسی بھی تبدیلی کو دکھاتا ہے۔

مثال

<div ng-app="myApp" ng-controller="myCtrl">
  <h1 ng-click="changeName()">{{firstname}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.firstname = "Bill";
  $scope.changeName = function() {
    $scope.firstname = "Nelly";
  }
});
</script>

خود کو چالسکے