Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/performance/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs ui.bootstrap.rating如何发布_Angularjs - Fatal编程技术网

Angularjs ui.bootstrap.rating如何发布

Angularjs ui.bootstrap.rating如何发布,angularjs,Angularjs,我正试图用angularjs建立一个明星评级系统,所以经过一点研究,我发现了这个 但由于我是angular的新手,我似乎不知道如何将用户选择的评级发布回symfony控制器 Html: <div ng-controller="RatingDemoCtrl"> <rating ng-model="rate" max="max" readonly="isReadonly" on-hover="hoveringOver(value)" on-leave="overStar = nul

我正试图用angularjs建立一个明星评级系统,所以经过一点研究,我发现了这个 但由于我是angular的新手,我似乎不知道如何将用户选择的评级发布回symfony控制器

Html:

<div ng-controller="RatingDemoCtrl">
<rating ng-model="rate" max="max" readonly="isReadonly" on-hover="hoveringOver(value)" on-leave="overStar = null"></rating>
 <span class="label" ng-class="{'label-warning': percent<30, 'label-info': percent>=30 && percent<70, 'label-success': percent>=70}" ng-show="overStar && !isReadonly">{%verbatim%}{{percent}}%{%endverbatim%}</span>
</div><!-- rating controller end-->
  tagApp.controller('RatingDemoCtrl', function ($scope, $http) {
  $scope.max = 5;
  $scope.isReadonly = false;

  $scope.hoveringOver = function(value) {
    $scope.overStar = value;
    $scope.percent = 100 * (value / $scope.max);
  };

  $scope.ratingStates = [
    {stateOn: 'glyphicon-ok-sign', stateOff: 'glyphicon-ok-circle'},
    {stateOn: 'glyphicon-star', stateOff: 'glyphicon-star-empty'},
    {stateOn: 'glyphicon-heart', stateOff: 'glyphicon-ban-circle'},
    {stateOn: 'glyphicon-heart'},
    {stateOff: 'glyphicon-off'}
  ];
});

您可以查看您的
费率
,如果用户更新了费率,请使用
$http

请看下面的演示
var-app=angular.module('app',['ui.bootstrap']);
app.controller('RatingDemoCtrl',函数($scope,$http){
$scope.max=5;
$scope.isReadonly=false;
$scope.hoveringOver=函数(值){
$scope.overStar=值;
$scope.percent=100*(值/$scope.max);
};
$scope.ratingStates=[{
stateOn:'字形图标确定符号',
stateOff:“字形图标确定圆”
}, {
stateOn:'字形图标星',
stateOff:'glyphicon星形空'
}, {
stateOn:“Glyphion heart”,
stateOff:“字形图标禁止圆”
}, {
stateOn:“glyphicon心脏”
}, {
stateOff:'字形图标关闭'
}];
$scope.$watch('rate',函数(val){
功能成功(数据){
控制台日志(数据);
};
功能错误(响应){
console.log(响应)
警报(“无法发布”+response.data+“错误:+response.status”);
}
if(val){
风险值数据={
评级:val,
用户:“用户ID”//我不确定您的用户ID在哪里
}
$http.post(“yourUrl”,data.),然后(success,error);
}
})
});

{%verbatim%}{{percent}}%{%endverbatim%}

谢谢,这非常有效,但我忘了提到我还想将用户id传递给相同的$http方法。我该怎么做?@vxsdfdfazcxzc请查看您可以创建对象的更新,即:数据,将该对象发布到后端。