AngularJS フォーム編集および送信関数 example_AngularJS

WBOY
リリース: 2016-05-16 16:14:01
オリジナル
1354 人が閲覧しました

先進的な AngularJS を勉強した後、JQuery よりも優れていると言われているそのフォーム編集と送信機能を試してみることにしました。
興味がある、試してみよう。 。 。 。 。久しぶりだね、くそー。 。 。による。 。による。 。による。 。ニマ。 。による。 。による。 。 。 。さて、誰が私に借りを作ったのでしょうか?

AngularJS Form に関する事例をたくさん検索しました
例:

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 Form を模倣しようとしましたが、問題が発生しました。 。 。 。
ng-model が初期化中に input タグの値と一致せず、競合していることがわかります。 。
後で、AngularJS コントローラー $scope.formData = {'name':'Zhang San'};
に値を事前に割り当てたいと思いました。 値は、php プログラムを通じてこの AngularJS コントローラーに割り当てることができます

コードをコピーします コードは次のとおりです:


<スクリプト>
var formApp = angular.module('formApp', []);
関数 formController($scope, $http) {
$scope.formData = {'name':'張三','remark':'備考'};
$scope.myForm = function() {
$http({
メソッド: 'POST',
                                                                                                                                                                                                        使用 headers : { 'Content-Type': 'application/x-www-form-urlencoded' } // 情報をフォーム データとして渡すようにヘッダーを設定します (リクエスト ペイロードではありません)
})
.success(function(data) {
console.log(データ);
If (!data.success) {
} else {
}
});
};
}





後で検索して調べたところ、ng-init=”formData.name=’Zhang San’” などの他の方法があることがわかりました。

コードをコピーします コードは次のとおりです:


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!