javascript – angular 1.5(组件)：如何使用es6指令？

2023年1月28日 175次阅读

在文件夹指令中,我创建了两个文件：directives.js和color.js

我导入app.js的指令

directives.js：

import angular from 'angular';

import ColorDirective from './color';

const moduleName = 'app.directives';

angular.module(moduleName, [])

  .directive('color', ColorDirective);

export default moduleName;

color.js

import angular from 'angular';


let ColorDirective = function () {

  return {
    link: function (scope, element) {
      console.log('ColorDirective');
    }
  }

}

export default ColorDirective;

并且在组件中的一个元素上我添加了颜色作为attr.

但它不起作用.我的意思是内部链接循环.为什么？我编码错了什么？如何使用1.5和1.5角的指令es2016？

最佳答案 从你所写的内容来看,不可能看到问题.假设您已将模块包含在页面中并且代码已正确编译,则您提供的代码可以正常工作.

我已经把你的代码变成了小提琴,https://jsfiddle.net/fccmxchx/

let ColorDirective = function () {
  return {
    link: function (scope, element) {
      console.log('ColorDirective');
      element.text('ColorDirective');
    }
  }
}

angular.module('app.directives', [])
  .directive('color', ColorDirective);

遗憾的是,我无法将您的代码拆分为模块,但这正是您的代码尝试执行的操作

点赞