angular.js - angular的ng-submit不觸發
ringa_lee
ringa_lee 2017-05-15 16:58:03
0
1
658

跟著影片做了一個評論商品之類的東西,可以預覽評論,但是要提交的時候,卻不會觸發設定給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_lee
ringa_lee

ringa_lee

全部回覆(1)
PHPzhong

控制器

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板