如何將此指令添加到我的應用程序中？

-1

appModule.directive('scrollpane', function ($compile) { 
    return { 
     restrict: 'A', 
     link: function (scope, element, attrs) { 
      element.addClass('scroll-pane'); 
      element.jScrollPane(); 
      var api = element.data('jsp'); 
      scope.$watch(function() { return element.find('.' + attrs.scrollpane).length }, function (length) { 
       api.reinitialise(); 
      }); 
     } 
    }; 
});

我想我已經正確添加了jQuery和其他腳本。有人可以告訴我怎麼稱呼它嗎？

來源

2013-11-25 Melina

假設你想用這個一個DIV：

<div scrollpane>Contents...</div>

的限制「A」意味着你想用你的指令，作爲一個屬性。

來源

2013-11-25 15:00:48

謝謝。當我使用VS2013時，這給了我一個在scrollpane下面的綠色下劃線。我能做些什麼來使它消失？ – Melina

這只是一個「警告」，因爲Visual Studio不理解scrollpane屬性來自哪裏 - 它畢竟不是標準的HTML。在選項 - >文本編輯器 - > C＃ - >高級，我相信你可以關閉實時錯誤和警告。 –

@Melina你也可以使用'data-scrollpane ='''，因爲這是有效的html5，你將沒有錯誤。 – Beterraba

我假設appModule是您的主要模塊。

您可以在第3行看到該指令限制爲屬性（restrict: 'A'）。

所以，你所要做的就是用這個屬性創建一個html元素。

<div scrollpane></div>

來源

2013-11-25 15:06:15 Beterraba

如何將此指令添加到我的應用程序中？

回答

相關問題