Question

我正在使用此代码 - https://github.com/rahil471/scalable-angularjs-project-setup-gulp-browserify

它工作正常。但我唯一面临的问题是

该指令无效。

我做了什么 - 我在'src'中的'components“里面添加了'directive'文件夹，它正在'public'组件中创建'directive'的副本，但它正在显示app未定义。我在'directive'文件夹中创建了custom.js文件，并将其包含在index.html（最外层）中。

custom.js

app.directive('mydir', function() {
   return {
        restrict: 'E',
        template: '<h1>ANIL</h1>'
    };
});

在'src'中的'component'中添加了about.html

代码完全复制到'public'中'component'的about.html。

Answer 1

对问题的解释非常糟糕，但让我们试着弄明白。那么你想创建额外的指令吗？如果是这种情况，那么你必须在app.js（src / app / app.js）中包含指令文件夹（和文件），如下所示：

require('./components/directive/custom.js');

然后Browserify将知道将此文件包含到主包中，应用程序将识别您的指令。

并且不要在索引文件中包含任何内容，browserify和gulp会为您准备好一切。

如何在gulp-browserify角度项目中添加指令

1 个答案: