搜尋

首頁  >  問答  >  主體

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_lee2798 天前682

全部回覆(1)我來回復

  • PHPz

    PHPz2017-05-15 17:00:03

    控制器

    回覆
    0
  • 取消回覆