无法将数据从模板传递到控制器angularjs

时间:2017-07-24 16:15:51

标签: javascript angularjs

我有一个表单,我希望传递一些数据并将其发布到URL中。 我在这做错了什么?感谢

template.html

<div ng-controller="statusController">
<form role="form" name="form" method="post" ng-submit="rate(ratingData)">
    <div class="form-group float-label-control">
        <label for="title">Title</label>
        <input id="title" name="title" type="text" class="form-control" placeholder="Title" ng-model="ratingData.title">
    </div>
    <div class="form-group float-label-control">
        <label for="rating">Rating</label>
        <input id="rating" name="rating" type="text" class="form-control" placeholder="Rating" ng-model="ratingData.rating">
    </div>
    <div class="form-group float-label-control">
        <label for="review">Review</label>
        <input id="review" name="review" type="text" class="form-control" placeholder="Review" required ng-model="ratingData.review">
    </div>
    <div class="form-group float-label-control text-center  ">
        <button type="submit" class="btn btn-primary" formmethod="post">Submit</button>
    </div>
</form>

controller.js

angular.module('deliveryStatus', ['ngRoute'])
.component('deliveryStatus', {
    templateUrl: 'components/delivery-status/delivery-status.template.html'
})
.controller('statusController', function ($http, $scope, $routeParams, Auth, $window, $timeout, $location) {

    $scope.rate = function (ratingData) {
        $location.url('/rating');
        $http.put('/api/rating-detail', $scope.ratingData).then(function (res) {
            console.log('worked');
        }).catch(function (err) {
            console.log('error rating');
        });
    };
});

2 个答案:

答案 0 :(得分:0)

您的意思是传递变量runOperationModalForWindow:delegate:didRunSelector:contextInfo:,然后尝试从范围中访问它吗?

ratingData

尝试

$http.put('/api/rating-detail', $scope.ratingData).then(function (res) {

答案 1 :(得分:0)

我没有看到evaluate在任何地方初始化。请参阅下面的代码段,更改它,它应该可以工作。

ratingData