1

我安装angular-filemanager并bower install angular-filemanager --save导入了必要的依赖项ember-cli-build.js。

  app.import('bower_components/angular/angular.js');
  app.import('bower_components/angular-translate/angular-translate.min.js');
  app.import('bower_components/jquery/dist/jquery.min.js');
  app.import('bower_components/ng-file-upload/ng-file-upload.min.js');
  app.import('bower_components/bootstrap/dist/js/bootstrap.min.js');
  app.import('bower_components/angular-filemanager/dist/angular-filemanager.min.css');
  app.import('bower_components/angular-filemanager/dist/angular-filemanager.min.js');

然后我创建了一个组件，但我不确定如何使用该angular-filemanager指令。

组件.js：

didInsertElement: function() {
    let model = this.get('model');
    angular.module('angular-filemanager', []).directive('somedirective', function() {
        return { template: 'test {{ model[0] }} test' };
    }).run(function($rootScope){ $rootScope.model = model; });
    angular.bootstrap(this.element, ['angular-filemanager']);
}

模板.hbs：

<div somedirective="model"></div>

我对 Angular 了解不多，几个月前我才开始学习 ember。为此，我所能做的就是运行该函数指令。

- -编辑 - -

由于我使用的是 mirage，所以我只是创建了带有路径的方法，它对请求和请求admin/file都没有任何意义。getpost

我将 component.js 更改didInsertElement为

 didInsertElement: function() {
    angular.module('FileManagerApp').config(['fileManagerConfigProvider', function (config) {
      config.set({
        appName: 'angular-filemanager',

        listUrl: 'api/admin/file',
        uploadUrl: 'api/admin/file',
        renameUrl: 'api/admin/file',
        copyUrl: 'api/admin/file',
        moveUrl: 'api/admin/file',
        removeUrl: 'api/admin/file',
        editUrl: 'api/admin/file',
        getContentUrl: 'api/admin/file',
        createFolderUrl: 'api/admin/file',
        downloadFileUrl: 'api/admin/file',
        downloadMultipleUrl: 'api/admin/file',
        compressUrl: 'api/admin/file',
        extractUrl: 'api/admin/file',
        permissionsUrl: 'api/admin/file',
      });
    }]);

    angular.bootstrap(this.element, ['FileManagerApp']);
});

和 template.hbs 到

<angular-filemanager></angular-filemanager>

我仍然看不到屏幕上显示任何内容，但控制台上出现错误：

vendor.js: 144343 TypeError: e.post(...).success is not a function
    at o.list (vendor.js:163007)
    at i.list (vendor.js:163007)
    at i.list (vendor.js:163007)
    at i.refresh (vendor.js:163007)
    at new <anonymous> (vendor.js:163007)
    at Object.invoke (vendor.js:134857)
    at $controllerInit (vendor.js:140710)
    at nodeLinkFn (vendor.js:139587)
    at compositeLinkFn (vendor.js:138896)
    at nodeLinkFn (vendor.js:139650)
4

0 回答 0