検索

ホームページ  >  に質問  >  本文

angular.js - angular的ng-submit不触发

跟着视频做了一个评论商品之类的东西,可以预览评论,但是要提交的时候,却不会触发设置给ng-submit的方法。

html:

<form name="reviewForm" 
    ng-controler="reviewController as reviewCtrl" 
    ng-submit="reviewForm.$valid && reviewCtrl.addReview(product)" novalidate>
    <blockquote>
        <b>Stars:{{reviewCtrl.review.stars}}</b>
        {{reviewCtrl.review.body}}
        <cite>by:{{reviewCtrl.review.author}}</cite>
    </blockquote>
    <select name="star" id="" ng-model="reviewCtrl.review.stars" required>
        <option value="1">1 Star</option>
        <option value="2">2 Sars</option>
        <option value="3">3 Sars</option>
        <option value="4">4 Sars</option>
        <option value="5">5 Sars</option>
    </select>
    <textarea name="" id="" cols="30" rows="10" ng-model="reviewCtrl.review.body" required></textarea>
    <label for="">By:</label>
    <input type="email" ng-model="reviewCtrl.review.author" required/>
    <p>reviewForm is {{reviewForm.$valid}}</p>
    <input type="submit" value="Submit" >
</form>

js:

app.controller("reviewController",function($scope){
    this.review = {};
    this.addReview = function(product){
        alert("y");
    };
});
ringa_leeringa_lee2744日前661

全員に返信(1)返信します

  • PHPz

    PHPz2017-05-15 17:00:03

    コントローラー

    返事
    0
  • キャンセル返事