English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

تعليمات ng-model لـ AngularJS

دليل مرجعي لـ AngularJS

!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<input ng-model="name">
<p>قيمة مربع الإدخال مربوطة مع المتغير "name":</p>
{{name}}
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.name = "John Doe";
});
</script>
<p>هذا المثال يوضح كيفية استخدام تعليمات ng-model لربط قيمة مربع الإدخال مع متغير scope.</p>
</body>
</html>
اختبار لـ ‹/›

التعريف والاستخدام

ng-model تعليمات bind HTML form elements to scope variables.

إذا لم يكن هناك متغير في scope، سيتم إنشاؤه.

التعريف والاستخدام

   <element ng-model="name"></element>

عناصر <input>, <select>, <textarea> تدعم هذه التعليمات.

قيمة المعامل

القيمةالوصف
separatorاسم الخاصية الذي تريد ربطه على مجال النموذج.

دليل مرجعي لـ AngularJS