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

Posted 2023-02-23

【中文标题】Ember 如何运行 Angular 指令以及如何导入 Angular

【英文标题】：Ember How to Run Angular Directive and How to Import Angular

【发布时间】：2017-06-03 13:51:13

【问题描述】：

我正在尝试在 Ember 上使用 angular-filemanager 插件，但根本没有成功。我在 *** 上发现了另一个问题，它说明了如何在 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？

【问题讨论】：

我觉得你需要看看github.com/miguelcobain/ember-paper。

【参考方案1】：

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