javascript - Angular Directive(指令)不显示

Question

我正在使用 bootstrap 制作一个 Angular 下拉列表。我创建了一个指令，用户可以从下拉列表中选择一个菜单选项并提醒用户。

我在这里创建了一个plnkr

http://plnkr.co/edit/tw3O5ihT7YB79BcAGlsh?p=preview

  (function() {
  'use strict';

  angular.module('plunker').directive('exportData', exportData);

  function exportData() {
    var controller = function() {

        var vmd = this;

        vmd.exportAction = [{
          id: 1,
          action: 'Export all -> excel',
          visble: true
        }, {
          id: 2,
          action: 'Export selected -> excel',
          visble: true
        }, {
          id: 0,
          action: '',
          visble: true,
          divider: true
        }, {
          id: 3,
          action: 'Export all -> pdf',
          visble: true
        }, {
          id: 4,
          action: 'Export selected -> pdf',
          visble: true
        }];

        function activate() {} //activate

        activate();

        vmd.selectedExport = function(action) {
          alert("you selected " + action.action);
        };

      } //controller

    return {
      restrict: 'EA',
//      scope: {
//        datasource: '=',
//      },
      controller: controller,
      controllerAs: 'vmd',
      templateUrl: 'exportData.html',
      bindToController: true
        //link: function ($scope, element, attrs) {
        //    });
    };
  };
}());

任何想法，谢谢。

Answer 1

您失踪了<script src="exportData.js"></script>在 plunkr 示例中 http://plnkr.co/edit/YH4A5bb1o3ss5ECD0j8g