這篇文章主要介紹了AngularJS怎么自定義指令實現(xiàn)面包屑功能，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

10年積累的成都網站建設、網站設計經驗，可以快速應對客戶對網站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網絡服務。我雖然不認識你，你也不認識我。但先網站制作后付款的網站建設流程，更有汝南免費網站建設讓你可以放心的選擇與我們合作。

具體如下：

 
  
  
  
  
  
  
  
  
   var myApp = 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) {
      var parentNode = elem.parent();
      var crumbString = '';
      angular.forEach(scope.$eval(scope.options), function(item) {
       if (item["href"] != "") {
        var tempString = '
' + item["title"] + '
'; 
        crumbString += tempString;
       } else {
        var tempString = '' + item["title"] + ''; 
        crumbString += tempString;
       }
      });
      crumbString += "";
      parentNode.append(crumbString);
     }
    };
   });
  
 
 
  
 

感謝你能夠認真閱讀完這篇文章，希望小編分享的“AngularJS怎么自定義指令實現(xiàn)面包屑功能”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關知識等著你來學習!