AngularJS自定义指令实现面包屑功能完整实例
本文实例讲述了AngularJS自定义指令实现面包屑功能。分享给大家供大家参考,具体如下:
varmyApp=angular.module('myApp',[]); myApp.controller('Ctrl',function($scope){ $scope.crumbOptions=[ {"href":"http://www.baidu.com","title":"Home"}, {"href":"http://www.sina.com","title":"Library"}, {"href":"","title":"Data"} ]; }); myApp.directive("custBreadcrumb",function(){ return{ restrict:'E', replace:true, scope:{ options:'@' }, link:function(scope,elem,attrs){ varparentNode=elem.parent(); varcrumbString=' '; angular.forEach(scope.$eval(scope.options),function(item){ if(item["href"]!=""){ vartempString=' '; crumbString+=tempString; }else{ vartempString=' '+item["title"]+' '+item["title"]+''; crumbString+=tempString; } }); crumbString+=""; parentNode.append(crumbString); } }; });