بعد دراسة AngularJs المتطورة ، قررت تجربة وظيفة تحرير النماذج وتقديمها. يقال إنه ليس أفضل قليلاً من jQuery.
فضولي ، جربه. . . . . استغرق الأمر وقتًا طويلاً للقيام بذلك ، لعنة. . . تعتمد على. . تعتمد على. . تعتمد على. . اللعنة. . تعتمد على. . تعتمد على. . . . حسنًا ، من الذي جعلني مدينًا بذلك؟
لقد بحثت في العديد من الحالات حول شكل AngularJS
يحب:
http://www.angularjs.cn/a08j
https://github.com/tiw/angularjs-tutorial
https://github.com/tiw/angularjs-tutorial/blob/master/ng-form.markdown
https://github.com/tiw/angularjs-tutorial/blob/master/ng-form2.markdown
كنت أقلد أنني سأقوم بإنشاء نموذج AngularJS ، لكن المشكلة كانت. . . .
لقد وجد أن نموذج NG ليس لديه فهم ضمني مع القيمة في علامة الإدخال أثناء التهيئة ، ويتعارض. .
في وقت لاحق كنت أرغب في التعويض مسبقًا $ scope.formdata = {'name': 'Zhang San'} ؛
يمكنك تعيين القيمة إلى وحدة التحكم AngularJS هذه من خلال برنامج PHP.
نسخة الكود كما يلي:
<!-وحدة تحكم AngularJS->
<script>
var formapp = Angular.module ('formapp' ، []) ؛
وظيفة FormController (نطاق $ ، $ http) {
$ scope.formdata = {'name': 'Zhang San' ، 'ملاحظة': 'ملاحظة'} ؛
$ scope.myform = function () {
$ http ({
الطريقة: "بعد" ،
عنوان URL: '/دور/تحرير' ،
البيانات: $ .param ($ scope.formdata) ، // تمرير في البيانات كأسلاك
الرؤوس: {'content-type': 'application/x-www-form-urlencoded'} // قم بتعيين رؤوس المعلومات الزاوية حتى بيانات النموذج (لا تطلب حمولة حمولة)
})
.sccess (وظيفة (البيانات) {
console.log (البيانات) ؛
if (! data.success) {
} آخر {
}
}) ؛
} ؛
}
</script>
<!-تمثل ضبط المدخلات في النموذج->
<type type = "text" name = "name" ng-model = "formdata.name" placeholder = "role name">
في وقت لاحق ، بحثت مرة أخرى ووجدت أن هناك طرقًا أخرى ، مثل هذا الشيء ng-init = "formData.name = 'Zhang San' '
نسخة الكود كما يلي:
<type type = "text" name = "name" ng-model = "formdata.name" ng-init = "formdata.name = 'Zhang san'" value = "" ">