平均值 - Angular - JS - 扩展 server.js
MEAN - Angular - JS - Extend server.js
经过几天和几周的基于 MEAN 的应用程序编程,我遇到了问题,通常称为 server.js 的文件变得越来越大。
它包含应用程序设置和配置,还有 Angular-Routing 和 Mongod-Queries。所以你可以想象...
所以我的第一个问题是,如何扩展文件?例如,我需要做什么,路由在另一个文件中,而且查询是分开的,应用程序仍然找到它的 "way"。
另一个主题但类似的问题:html-文件很大且难以阅读,导致导航栏(例如)在每个页面中,但始终具有相同的代码。那么如何将特定代码注入每个 html 页面?
如果您的 HTML 文件越来越大并且难以管理,并且您正在使用 MEAN 堆栈,那么您可以编写一个新的 angular 指令来帮助将您的 html 拆分为更小更易于管理的部分。
例如在 angular 中写一个新指令。
angular.directive('navbar', function(){
return {
restrict: 'E'
templateUrl: 'yourpath/navbar.html
}
现在,在您的 html 中,您只需插入以下内容:
<navbar></navbar>
经过几天和几周的基于 MEAN 的应用程序编程,我遇到了问题,通常称为 server.js 的文件变得越来越大。 它包含应用程序设置和配置,还有 Angular-Routing 和 Mongod-Queries。所以你可以想象...
所以我的第一个问题是,如何扩展文件?例如,我需要做什么,路由在另一个文件中,而且查询是分开的,应用程序仍然找到它的 "way"。
另一个主题但类似的问题:html-文件很大且难以阅读,导致导航栏(例如)在每个页面中,但始终具有相同的代码。那么如何将特定代码注入每个 html 页面?
如果您的 HTML 文件越来越大并且难以管理,并且您正在使用 MEAN 堆栈,那么您可以编写一个新的 angular 指令来帮助将您的 html 拆分为更小更易于管理的部分。
例如在 angular 中写一个新指令。
angular.directive('navbar', function(){
return {
restrict: 'E'
templateUrl: 'yourpath/navbar.html
}
现在,在您的 html 中,您只需插入以下内容:
<navbar></navbar>