本文介紹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 (var i = 0; i < scope.max; i++) {

scope.stars.push({

filled: i < scope.rating

});

}

}

}

});

services.js

.service("BusinessData", [function () {

var businessData = [

{

id: 1,

serviceId: 1,

name: 'World Center Garage',

distance: 0.1,

rating: 4

}

];

return {

getAllBusinesses: function () {

return businessData;

},

getSelectedBusiness: function(serviceId) {

var businessList = [];

serviceId = parseInt(serviceId);

for(i=0;i

if(businessData[i].serviceId === serviceId) {

businessList.push(businessData[i]);

}

}

return businessList;

}

}

}])

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

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

總結

以上是生活随笔為你收集整理的angular 指令渲染_Angularjs渲染的 using 指令的星级评分系统示例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。