<!DOCTYPE html> <html lang=http://www.3lian.com/edu/2017/05-17/"zh-CN" ng-app=http://www.3lian.com/edu/2017/05-17/"myApp"> <head> <meta charset=http://www.3lian.com/edu/2017/05-17/"utf-8"> <meta http-equiv=http://www.3lian.com/edu/2017/05-17/"X-UA-Compatible" content=http://www.3lian.com/edu/2017/05-17/"IE=edge"> <meta name=http://www.3lian.com/edu/2017/05-17/"viewport" content=http://www.3lian.com/edu/2017/05-17/"width=device-width, initial-scale=1"> <script src=http://www.3lian.com/edu/2017/05-17/"jquery.min.js"></script> <script src=http://www.3lian.com/edu/2017/05-17/"angular.js"></script> <script src=http://www.3lian.com/edu/2017/05-17/"bootstrap.min.js"></script> <link rel=http://www.3lian.com/edu/2017/05-17/"stylesheet" href=http://www.3lian.com/edu/2017/05-17/"bootstrap.min.css" rel=http://www.3lian.com/edu/2017/05-17/"external nofollow" > <script type=http://www.3lian.com/edu/2017/05-17/"text/javascript"> var myApp = angular.module('myApp', []); myApp.controller('Ctrl', function($scope){ $scope.crumbOptions = [ {"href": "", "title" : "Home"}, {"href": "", "title" : "Library"}, {"href": "", "title" : "Data"} ]; }); myApp.directive("custBreadcrumb", function() { return { restrict: 'E', replace: true, scope: { options:'@' }, link: function(scope, elem, attrs) { var parentNode = elem.parent(); var crumbString = '<ol class=http://www.3lian.com/edu/2017/05-17/"breadcrumb">'; angular.forEach(scope.$eval(scope.options), function(item) { if (item["href"] != "") { var tempString = '<li><a href=http://www.3lian.com/edu/2017/05-17/"' + item[" rel=http://www.3lian.com/edu/2017/05-17/"external nofollow" href"] + '">' + item["title"] + '</a></li>'; crumbString += tempString; } else { var tempString = '<li class=http://www.3lian.com/edu/2017/05-17/"active">' + item["title"] + '</li>'; crumbString += tempString; } }); crumbString += "</ol>"; parentNode.append(crumbString); } }; }); </script> </head> <body ng-controller=http://www.3lian.com/edu/2017/05-17/"Ctrl"> <cust-breadcrumb options=http://www.3lian.com/edu/2017/05-17/"{{crumbOptions}}"></cust-breadcrumb> </body> </html>