何时在 AngularJS 应用程序中使用自定义指令、ui-view 和 ng-include?

2024-03-24

我正在构建一个大型、复杂的 AngularJS 应用程序(想想 ERP 系统)。我很难决定何时适合使用ui-view, ng-include or a custom directive + templateURL.

我将举几个具体的例子,给大家一些参考。

  • 跨应用程序的所有 URL 使用的导航菜单,但包含复杂的 AJAX 自动建议/下拉搜索框。
  • 一个简单的 HTML 页脚,在应用程序的所有 URL 中都相同
  • 页眉和页脚之间的内容区域。
  • 位于内容区域内的各个组件(例如“编辑个人资料”表单或用户仪表板)
  • 模态对话框

最佳实践是什么?


对于任何大型或复杂的应用程序,我建议将尽可能多的代码组织成可重用的自定义指令。自定义指令将允许您利用角度指令来实现最大的可重用性,并最大限度地减少仅依赖内置指令时存在的重复 HTML。

UI 视图适合根据路线动态交换控制器和视图。如果您的应用程序功能中每个视图和控制器组合都是独立的,那么使用带有路由的 ui-view 是有意义的。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

何时在 AngularJS 应用程序中使用自定义指令、ui-view 和 ng-include? 的相关文章

  • 如何在chartjs中绘制多个时间序列,其中每个时间序列都有不同的时间

    例如 我有两个时间序列 s1 2017 01 06 18 39 30 100 2017 01 07 18 39 28 101 and s2 2017 01 07 18 00 00 90 2017 01 08 18 00 00 105 我想在
  • 我是否需要关心异步 Javascript 的竞争条件?

    假设我加载了一些我知道在将来某个时候会调用的 Flash 影片window flashReady并将设置window flashReadyTriggered true 现在我有一个代码块 我想在闪存准备好时执行它 我希望它立即执行 如果wi
  • Ionic 3 更新后 WebpackJsonp 丢失

    我最近从 2 升级到 ionic 3 我可以为 iOS 构建应用程序 但 ionic 服务现在失败并出现以下错误 在为 iOS 构建之前 我必须手动将 main prod ts 和 main dev ts 替换为 main ts 您需要更多
  • 将字符串数组转换为对象 Id 数组

    我有一个字符串数组 let stringObjectIdArray fssdlfsd343 43434234242 342424242 我想使用 mongoose 类型将字符串数组更改为对象 Id 数组 但它不起作用 它仅适用于字符串而不是
  • HTML:您可以隐藏/忽略浏览器查找中的文本元素 (CTRL+F)

    我有一个具有相当复杂的 UI 的 Web 应用程序 并且屏幕的一部分保留用于内容 如果可能的话 我想这样做 以便当用户使用浏览器的内置文本搜索 CTRL F 时 UI 中的任何文本都将被忽略 并且仅搜索实际内容 这可行吗 CSS 和 Jav
  • HTML5 游戏到本机应用程序 [关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 我正在用 HTML5 制作游戏 我最熟悉 HTML5 并且比 C 等更高级的语言更喜欢它 HTML5
  • 基于 json 文件动态显示选择、复选框、日期选择器等

    对我之前的问题的补充 我根据 json 文件动态显示输入字段 现在我想根据它们的组显示选择项 复选框和日期选择器 我如何解决这个问题 我需要将这些元素推入computeJSON 但写入例如选择options item selection不管
  • webpack 加载器并包含

    我是 webpack 的新手 我正在尝试了解加载器及其属性 例如测试 加载器 包含等 这是我在 google 中找到的 webpack config js 的示例片段 module loaders test js loader babel
  • 如何处理 React JSX 中的长类名?

    假设我在 React JSX 中渲染这个组件 render return h1 Some text h1 这些类触发我的 JS linter 的行太长 而且很难阅读 怎样才能分开长className将 React 组件中的属性分成多行而不破
  • 无法使用 jQuery 添加两个小数

    我试图将两个小数值相加 但返回的总和是纯整数 怎么了 我找不到它 欢迎任何帮助 jQuery delivery method ship select change function var cost jQuery this val jQue
  • 单击 div 中的图像时如何翻转该 Div?

    好吧 我对编写 Javascript 知之甚少 我可以对其进行一些编辑 并且涉足了 CSS3 动画 我将向您展示我正在努力实现的目标 然后在下面进行解释 网站布局将是这样的 https i stack imgur com RMb4R jpg
  • 根据复选框显示/隐藏输入字段[重复]

    这个问题在这里已经有答案了 如果单击该复选框 它将显示一个输入字段 到目前为止它正在工作 但如果未选中该复选框 它应该隐藏它 我该怎么做 div class checkbox div
  • 是否可以动态导入模块?

    我有很多角度组件的导入 看起来我可以编写一个函数来简化导入 我只是不知道怎么做 但这应该很简单 进口样本 import DashboardComponent from app components dashboard dashboard c
  • 在浏览器中打开的 .mhtml 文件中填写输入

    我想对 mhtml 文件运行 e2e 测试 即填写表格 在 mhtml 文件上查看和提取数据效果非常好 但我无法填写任何内容input字段 既不是手动也不是通过木偶操作者 你可以用这个试试 mhtml 文件 https gist githu
  • ES6 模板文字可以在运行时替换(或重用)吗?

    tl dr 是否可以制作可重用的模板文字 我一直在尝试使用模板文字 但我想我就是不明白 现在我感到沮丧 我的意思是 我想我明白了 但 它 不应该是它的运作方式 或者它应该如何实现 它应该变得不同 我看到的所有示例 甚至标记模板 都要求 替换
  • ParseFromString 在 IE 中抛出错误,但在 Chrome 中不会抛出错误

    我正在使用传单的 KML 插件 该插件在 Google Chrome 中运行良好 然而 在 IE 中 它会在以下代码中引发错误 parser new DOMParser console log url outputs path to kml
  • “x modulo y”的结果是什么?

    引用 ECMAScript 规范第 5 2 节 符号 x modulo y y 必须是有限且非零 计算 值 k 与 y 具有相同的符号 或零 使得 abs k 因此 如果 y 为正 则 x modulo y 的结果 k 为正 无论 x 的符
  • 仅使用 javascript 获取网站的正文元素

    我想检索以下网站的正文内容http sports espn go com nhl bottomline scores nhl s left1 http sports espn go com nhl bottomline scores nhl
  • 使用 JQueryUI Autocomplete 和 Meteor 的规范方法

    使用 Meteor 我想了解使用 JQuery UI 自动完成处理大量服务器端数据的最有效方法 我有两个工作提案 想听听关于差异的意见 以及是否有更好的方法来做同样的事情 使用发布 订阅 Server Meteor publish auto
  • Javascript 最佳实践,为什么使用逗号来链接函数/变量声明?

    我一直在为 jQuery jQueryLog 开发一个插件 以允许调试链选择器和返回值 如果你想检查一下 你可以这样做here http www jquerylog com 这已经是第二个版本了 第一个版本实际上是经过编辑的 jQuery

随机推荐

  • RecyclerView 中删除项目后重叠视图

    删除 RecyclerView 中的项目会导致视图重叠 如下视频所示Link https youtu be bQs9DOAL614 片段 feed xml
  • Kivy 更新动态标签文本

    我的目标是观察数字Popup 我有一个NumericProperty正在加载 然而 当回调被调用时 数字不会改变 我在回调中没有任何代码链接到 label text 类似的问题也被问过 但是 我一直无法看到它们如何应用于这个具体案例 类似案
  • 在Python中,为什么list(None)是错误而[None]不是?

    Passing None到Python的list构造函数是一个TypeError gt gt gt l list None Traceback most recent call last File
  • 将服务绑定到活动或片段?

    我正在开发一个音乐播放器应用程序 我有一个主要活动 其中有多个片段 每个片段都在设备上显示歌曲专辑 艺术家等 我有一个音乐服务来处理所有的播放和其他事情 我感到困惑的是该服务与我拥有的各种片段的绑定 现在 我正在将主要活动和每个片段分别与服
  • xcodebuild 命令无法生成 iPA

    在 xcode 9 2 中 我使用自动签名生成存档 开发人员证书和配置文件是通过 xcodebuild 命令生成的 allowProvisioningUpdates key 但是 当通过 xcodebuild 命令生成 iPA 时 该存档会
  • Dart资源包抛出Unsupported operation in Flutter

    我的 Flutter 项目使用自己开发的 Dart 包 而该包又依赖于resource https pub dev packages resource包裹 在 Flutter 项目中使用我的包会引发Unsupported operation
  • 优雅地访问networkx中的边缘属性

    确实是这样的情况 要访问 networkx 中的边缘属性 下面尴尬的第三种形式是必要的 并且更简洁的前两种形式的任何变体都行吗 import networkx as nx G nx Graph G add edge 1 2 weight 4
  • 尝试加载 --- 我的网站时,服务工作人员获取错误?

    我最近将 Cloudfront 添加到我的网络应用程序中 我正在使用 WorkBox 服务工作者并收到错误 VM7 workbox strategies prod js 1 未捕获 承诺 TypeError 无法获取 我发现从这个帖子 ht
  • 链接到外部 URL - 目前不成功

    当我尝试链接一个 ext Url 时 例如www facebook com目前它是 mysite com music www facebook com 其链接为 a href a
  • 如何在 IntelliJ 中为整个项目配置“缩短命令行”方法

    当我运行测试时 出现错误 命令行太长 如果我将运行 调试配置中的 缩短命令行 方法设置为特定方法或类的 JAR 清单 它会起作用 但如何为整个项目设置它 或者是否有 IDE 全局设置 在 idea 文件夹中 更改workspace xml
  • 安装包失败并显示: if (file.exists(dest) && file.mtime(dest) 中出现错误

    我正在尝试安装重新思考 httr set config httr config ssl verifypeer 0L with config use proxy http myco com 5555 install github rmcelr
  • JQuery Onselect?

    当我输入 DPRtelephonenumber 时 我想在 DPRcallerhometelephonenumber 中重复它 只要我打字 这个脚本就可以工作 但是 如果 提供以前使用的值的下拉列表 并且我选择它 则 不会被设置 那么 除了
  • 禁用 UITableview 触摸时显示选择时出现问题?

    我使用 IB 并取消选中 触摸时显示选择 但它仍然在选定的单元格上显示蓝色突出显示 这是苹果的错误还是我出了问题 这可能是 IB 中的一个错误 正如您在文档中看到的那样 表视图没有任何用于在触摸时显示选择的属性 它是 tableview c
  • 在 python Altair 图中的热图中添加间距

    是否可以在使用创建的热图中添加一些间距mark rect 在 Altair python 图中 图 1 中的热图将转换为图 2 中的热图 您可以假设这是来自dataframe每列对应一个变量 我故意像这样画白条以避免任何硬编码的索引解决方案
  • java.lang.NoClassDefFoundError: org/w3c/dom/ElementTraversal

    我正在尝试使用页面工厂和页面对象模型运行一个Java项目 我想在Chrome IE和Firefox上运行它 但我无法在Firefox上运行它 浏览器无法打开 我得到了这个错误 java lang NoClassDefFoundError o
  • 如何减小 NTFS 中文件夹索引文件的大​​小?

    我有一个 NTFS 文件夹 其中包含数万个文件 我已删除该文件夹中的所有文件 保存 1 我运行 contig exe 对该文件夹进行碎片整理 因此现在它仅包含 1 个片段 然而 该文件夹的大小仍然是 8MB 这意味着该指数存在很大差距 这是
  • 手动创建类以映射到 XML 请求响应

    我被指派实现一个使用 XML 请求 响应的 API 接口 API 提供商不为 XML 调用提供任何 xsd 我使用 xsd exe 生成了 C 类 xml gt xsd gt cs 但是 我发现生成的类并不令人满意 因为调用包含大量列表 而
  • 栈和堆的内存分配

    这似乎是一个非常基本的问题 但它一直在我的脑海中 当我们分配一个局部变量时 它会进入堆栈 类似地 动态分配会导致变量位于堆上 现在 我的问题是 这个变量实际上位于堆栈还是堆上 还是我们只是堆栈和堆中的引用 例如 假设我声明一个变量int i
  • 如何从 hive cli 运行 hive 脚本

    我现在有 hive 脚本 custsales hql 我想从 hive cli 运行它 hive pract5 gt run user training hdfs location custsales hql 但它不执行 请指导 我知道我们
  • 何时在 AngularJS 应用程序中使用自定义指令、ui-view 和 ng-include?

    我正在构建一个大型 复杂的 AngularJS 应用程序 想想 ERP 系统 我很难决定何时适合使用ui view ng include or a custom directive templateURL 我将举几个具体的例子 给大家一些参