angular.js - angular的ng-submit不触发
ringa_lee
ringa_lee 2017-05-15 16:58:03
0
1
660

跟着视频做了一个评论商品之类的东西,可以预览评论,但是要提交的时候,却不会触发设置给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

reply all(1)
PHPzhong

controller

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template