angular.js - angular的ng-submit不触发
ringa_lee
ringa_lee 2017-05-15 16:58:03
[AngularJS讨论组]

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

controller

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号