首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >以角度思考

以角度思考
EN

Stack Overflow用户
提问于 2015-06-27 10:42:39
回答 2查看 333关注 0票数 1

我正在处理超过1500 HTML页面的项目。

这个项目以前是用jQuery和JS代码实现的。现在我必须使用AngularJS来修改这个SPA。

我已经了解了天使的基本知识。我们在项目中有几个交互(从一个页面移动到另一个页面)。

  1. <head ngapp="routingApp">是为整个项目配置路由的合适位置,还是可以为每个模块分别定义路由?
  2. 由于该项目还使用jQuery作为引导依赖项,因此包含用于引导的jQuery是否有意义?
EN

回答 2

Stack Overflow用户

发布于 2015-06-27 11:17:50

我强烈建议您不要在一个文件中声明所有路由。它将导致真正的大文件&糟糕的可维护性。

如果你有这么大的项目,我建议你先读谷歌对AngularJS结构的推荐

然后,每个开发人员都会有一种方法,将他的工作“范围”在一个模块中&这样他就更容易理解它了。此外,仅通过将某些模块排除在最后的组成和“编译”阶段之外,就可以更容易地禁用/启用它们。

例如,您将有一个模块,该模块定义可以在此模块内到达的路由。

我强烈建议使用大口吞下 & 鲍尔 (必须有Node.js)来管理依赖关系管理以及组合/编译阶段管理。作为一个戏弄者,这里有用于分形结构的gulp脚本编译:

代码语言:javascript
复制
gulp.task('scripts', function () {
var depJS = dependencies.bower.js.map(function (dep) { return config.bowerLib + dep; });
depJS = depJS.concat(dependencies.node.js.map(function (dep) { return config.nodeLib + dep; }));

var srcJS = ['app/modules/app.js', 'app/modules/**/*.module.js', 'app/modules/**/*.js'];

var libPipe = gulp.src(depJS)
    .pipe(plumber())
    .pipe(concat('lib.min.js'))
    .pipe(size({title: 'js-before lib'}))
    .pipe(gulpif(config.minimize.perform, uglify(config.minimize.js)))
    .pipe(size({title: ' js-after lib'}))
    .pipe(gulp.dest(config.scriptsOutDir));

var pipe = gulp.src(srcJS)
    .pipe(plumber())
    .pipe(concat('all.min.js'))
    .pipe(size({title: 'js-before all'}))
    .pipe(gulpif(config.minimize.perform, uglify(config.minimize.js)))
    .pipe(size({title: ' js-after all'}))
    .pipe(gulp.dest(config.scriptsOutDir));
});

第二个问题-- AngularJS有jQLite在里面。当jQuery可用时,将使用jQuery实现。(附带注意:只在指令中使用jQuery/jqlite )。这取决于jQuery库在整个项目中的广泛使用,以及使用了哪些方法。它是否可以被jqlite (有限的jQuery)取代,或者您可以通过指令重写所有jquery特定的DOM/等等操作。你提到过引导-你的意思是推特启动?如果是这样,请查看AngularJS UI-引导

票数 2
EN

Stack Overflow用户

发布于 2015-06-27 10:45:04

您可以在模块中明确地将其分离,请查看https://github.com/angular-ui/ui-router

1.)如果你在问它是否有权在1 index.html和一个角度应用程序中定义整个路由,是的,它是正确的位置。这是SPA的目的。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31087832

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档