Angularjs ui.bootstrap.rating如何发布
我正试图用angularjs建立一个明星评级系统,所以经过一点研究,我发现了这个 但由于我是angular的新手,我似乎不知道如何将用户选择的评级发布回symfony控制器 Html: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
<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请查看您可以创建对象的更新,即:数据,将该对象发布到后端。