Ember 如何运行 Angular 指令以及如何导入 Angular

Question

我正在尝试在 Ember 上使用 angular-filemanager 插件，但根本没有成功。我在 stackoverflow 上发现了另一个问题，它说明了如何在 Ember 中运行 angular 指令，但它并没有太大帮助。

Run an angular directive inside other javascript framework template

import Component from 'ember-component';
import angular from 'angular';

export default Component.extend({
  didInsertElement: function() {
    debugger;
    let model = this.get('model');
    angular.module('myapp', []).directive('somedirective', function() {
        return { template: 'test {{ model[0] }} test' };
    }).run(function($rootScope){ $rootScope.model = model; });

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

我用bower install --save angular 安装了angular，并尝试像上面的代码一样导入它，但它不起作用。我必须从ember-cli-build.js 文件或类似的文件中导入它吗？

另外，有人可以向我解释一下这段代码在做什么吗？我认为它正在创建一个角度模块，该模块在使用组件时返回该模板..所以我只是调用该组件并且它在没有组件模板的情况下工作吗？喜欢{{component-name model=model}}？

Answer 1

我只需将app.import('bower_components/angular/angular.js'); 放入ember-cli-build.js 内的modules.exports 函数中。然后，我还在.jshintrc 的predef 部分添加了"angular"，以避免出现angular not defined 错误。