>웹 프론트엔드 >JS 튜토리얼 >AngularJS 양식 편집 및 제출 기능 example_AngularJS

AngularJS 양식 편집 및 제출 기능 example_AngularJS

WBOY
WBOY원래의
2016-05-16 16:14:011367검색

고급 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이 입력 태그의 값과 일치하지 않는 것으로 나타났습니다. .
나중에 AngularJS 컨트롤러 $scope.formData = {'name':'Zhang San'};
에 값을 미리 할당하고 싶었습니다. PHP 프로그램을 통해 이 AngularJS 컨트롤러에 값을 할당할 수 있습니다

코드 복사 코드는 다음과 같습니다.



var formApp = angle.module('formApp', []);
함수 formController($scope, $http) {
           $scope.formData = {'name':'장산','remark':'Remarks'};
           $scope.myForm = function() {
               $http({
메소드 : 'POST',
>                                                                              >                                                          사용 headers : { 'Content-Type': 'application/x-www-form-urlencoded' } // 각도 전달 정보를 양식 데이터(요청 페이로드 아님)로 헤더를 설정합니다.
            })
               .success(함수(데이터) {
console.log(데이터);
If (!data.success) {
                     } else {
                 }
                });
        };
}





나중에 검색해보고 찾아보니 ng-init=”formData.name=’Zhang San’” 같은 다른 방법도 있다는 걸 알았습니다



성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.