好资源导航 » 文章资讯 » Angularjs渲染的 using 指令的星级评分系统示例

Angularjs渲染的 using 指令的星级评分系统示例

2023-09-21 08:53:05 243

本文介绍Angularjs渲染的using指令的星级评分系统示例，分享给大家，具体如下：
我试图创建静态使用angularjs/离子成效甚微的星级评分系统。但目前什么都不输出到屏幕上......我是我做错了吗？

service.html



{{business.name}}{{business.distance}}miles

directives.js

angular.module('starter.directives',[])

.directive('starRating',function(){
return{
restrict:'A',
template:''+
''+
'\u2605'+
''+
'',
scope:{
ratingValue:'=',
max:'='
},
link:function(scope,elem,attrs){
scope.stars=[];
for(vari=0;i
services.js
.service("BusinessData",[function(){
varbusinessData=[
{
id:1,
serviceId:1,
name:'WorldCenterGarage',
distance:0.1,
rating:4
}
];

return{
getAllBusinesses:function(){
returnbusinessData;
},

getSelectedBusiness:function(serviceId){
varbusinessList=[];
serviceId=parseInt(serviceId);
for(i=0;i
controller.js
.controller('ServiceCtrl',function($scope,ServicesData,BusinessData,$stateParams){
$scope.service=ServicesData.getSelectedService($stateParams.service);
$scope.businessList=BusinessData.getSelectedBusiness($stateParams.service);
});

解决方法1:
controller.js
.controller('ServiceCtrl',function($scope,ServicesData,BusinessData,$stateParams){
$scope.service=ServicesData.getSelectedService($stateParams.service);
$scope.businessList=BusinessData.getSelectedBusiness($stateParams.service);
$scope.ratings={
current:5,
max:10
};

和也修改service.html

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

Angularjs渲染的 using 指令的星级评分系统示例

{{business.name}}

热门推荐

随机推荐