الكود بسيط للغاية ، لذلك لا أتحدث كثيرًا ، فقط قدم الرمز:
نسخة الكود كما يلي:
<! doctype html>
<html>
<head>
<meta charset = "utf-8">
<title> Unted Document </title>
</head>
<script src = "http: // localhost: 81/js/jquery.js">
</script>
<script src = "http: // localhost: 81/JS/Angular.min.js">
</script>
<body ng-app = "app">
<div ng-controller = "testctrl">
<div ng-form test>
<input ng-model = "a" type = "email" />
<button ng click = "do ()"> عرض </button>
</div>
</div>
<script>
app = Angular.Module ("App" ، []) ؛
app.directive ('test' ، function () {<br> // أوامر النموذج لها وحدة تحكم افتراضية كمعلمة رابعة
var link = function ($ scope ، $ element ، $ attrs ، $ ctrl) {
$ scope.do = function () {
// $ ctrl. $ setDirty () ؛
console.log ($ ctrl. $ prire) ؛ // هل النموذج غير سلبي؟
console.log ($ ctrl. $ dirty) ؛ // هل النموذج السلبي؟
console.log ($ ctrl. $ ساري المفعول) ؛ // ما إذا كان قد تم فحص النموذج
console.log ($ ctrl. $ غير صالح) ؛ // هل هناك أي خطأ في النموذج
console.log ($ ctrl. $ error) ؛ // هناك حقل خطأ في النموذج
}
}
يعود {
ترجمة: function () {
رابط العودة
} ،
تتطلب: "النموذج" ،
تقييد: "أ"
}
}) ؛
app.controller ('testctrl' ، function ($ scope) {
// إذا لم يكن هناك وحدة تحكم ، فلن يتم تهيئة هذا الشيء بعد ..
}) ؛
</script>
</body>
</html>
ما أريد مشاركته معك هو التحقق من شكل AngularJS الأساسي ، وآمل أن يعجبك ذلك.