0

簡単な連絡先フォームを送信しようとしています。フォームはブートストラップ モーダル内にあります (違いがあるとは思わないでください) が、コントローラーはディレクティブ内にあります。

フォームの html は次のとおりです。

<form name="contactForm" ng-submit="contactForm()" novalidate>
                <div class="form-group">
                    <div class="col-lg-6 col-md-6 col-sm-6">
                        <input type="text" placeholder="Full name" name="name" ng-minlength="3" max="20"
                               ng-model="name" id="name" class="form-control">
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-6">
                        <input type="email" ng-minlength="4" placeholder="Email address" name="contactEmail"
                               ng-model="email" class="form-control">
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-lg-12 col-md-12 col-sm-12">
                        <input type="text" ng-model="subject" name="subject" ng-minlength="10" id=""
                               placeholder="Subject" class="form-control">
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-lg-12 col-md-12 col-sm-12">
                        <textarea class="form-control" ng-model="message" name="message" ng-minlength="10"
                                  placeholder="Your message"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <div class="col-lg-12 col-md-12 col-sm-12">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        <input type="submit" class="btn btn-primary" value="Submit" />
                    </div>
                </div>
            </form>

私はそれがすべて良いと思います。コントローラー本体はこんな感じ

    $rootScope.contactForm = contactForm();

function contactForm() {
  console.log('triggered!');
  var contactFormVars = {
    name: $rootScope.name,
    contactEmail: $rootScope.contactEmail,
    subject: $rootScope.subject,
    message: $rootScope.message
  }

  // With Promise
  Stamplay.Object('contactform')
    .save(contactFormVars)
    .then(function(res) {
      console.log('yes!');
    }, function(err) {
      console.log('No!');
    })

}

return directive;

};

編集:コントローラーは次のようになります。

function contactForm($rootScope,$stamplay,$q) {
  $rootScope.data = {}

  $rootScope.data = {
    name: $rootScope.data.name,
    contactemail: $rootScope.data.contactemail,
    subject: $rootScope.data.subject,
    message: $rootScope.data.message
  }
  Stamplay.Object("contactform")
    .save($rootScope.data, function (err, res) {
      console.log(res);
      console.log(err);
      // res is the new car object
    });
}

送信ボタンをクリックすると、グーグルで調べた次のエラーが表示されます

Error: v2.contactForm is not a function. (In 'v2.contactForm()',     'v2.contactForm' is an instance of FormController)
fn

これに関する任意の助けをいただければ幸いです。

編集

わかりましたので、js をディレクティブから移動し、メイン コントローラーに配置しました。現時点では違いはありませんが、エラーがわずかに変化しただけです。

angular.js:12722Error: v4.contactForm is not a function. (In 'v4.contactForm(ensureSafeObject(v5,text))', 'v4.contactForm' is an instance of FormController)

fn

v2 と v4 の違いがわかりません。

このブロッカーを乗り越えるためのアドバイスをいただければ幸いです。

4

0 に答える 0