ui-bootstrap 模态范围错误

2024-03-30

我注意到 ui-bootstrap 模态范围有一些奇怪的地方。似乎在其中使用 ng-model 时,您必须引用 $parent 才能到达模态控制器的范围。请注意,在我的 plunker 中,其他属性(例如 ng-options)不需要 $parent:http://plnkr.co/edit/xGSHz4EkZvGr2D6CUeBz?p=preview http://plnkr.co/edit/xGSHz4EkZvGr2D6CUeBz?p=preview

知道为什么吗?我在这里发现了类似的问题:Angular UI 模式的范围问题 https://stackoverflow.com/questions/18924577/scope-issues-with-angular-ui-modal

这导致我尝试 $parent 更改,但我无法对该线程发表评论,因为我没有足够的声誉。

知道为什么范围似乎发生了变化吗?

Thanks!


模式有自己的范围(我从未使用过 Angular UI,但这是唯一可能发生的事情),当您设置“selectedLocation”时,该属性将在模式的范围而不是控制器的范围上设置。 $parent 强制它获取控制器的范围,但这不是一个好的解决方案,因为您会将自己锁定在某个结构中,始终假设模态的父级具有“模型”。

这是一个修改后的 Plunker,在控制器范围内使用模型对象(使用 model.selectedLocation)http://plnkr.co/edit/B5kZaIA5xi2RediUTBK7?p=preview http://plnkr.co/edit/B5kZaIA5xi2RediUTBK7?p=preview

无论如何,如果您将属性放在“$scope.model.selectedLocation”之类的位置上,就会改变行为。现在,当我在模态上引用“model.selectedLocation”时,模态的作用域没有模型对象,因此 Angular 将作用域链向上移动到控制器的作用域(它有一个模型对象)。

观看 John Lindquist 的这段视频,我认为它比我能更好地解释这一点。 :-)http://egghead.io/lessons/angularjs-the-dot http://egghead.io/lessons/angularjs-the-dot

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

ui-bootstrap 模态范围错误 的相关文章

随机推荐

  • 将阿拉伯数字转换为英语

    我正在寻找一种将阿拉伯数字字符串 转换为英语的方法 数字字符串 0123456789 Private Sub Button1 Click ByVal sender As System Object ByVal e As System Eve
  • 如何将多个局部变量传递给嵌套部分

    这应该是非常简单且有据可查的 我已经这样做了好几次了 尽管有些事情仍然让我很烦恼 我有一个调用嵌套部分的部分结构 在某个时刻一render调用需要将额外的变量传递给部分 尽管部分的渲染失败并显示 undefined local variab
  • Swing 菜单 Java 7 mac osx

    我一直在 mac os x 上测试我的 Swing 应用程序 它在小程序上运行 当我在浏览器中运行此小程序时 我注意到 JMenus JMenuItems 上的鼠标悬停无法正常工作 这是一个重现该问题的小程序 package com mac
  • 如何在 Sublime Text 中使用控制台

    我正在使用 Sublime Text 2 来编写程序 并希望在其中运行控制台来编译和运行它们 有没有办法在 Sublime Text 2 中嵌入控制台命令行 已经在那里了吗 我同时使用 Windows 和 Linux 我想你可以尝试创建一个
  • 推送事件不会触发推送路径上的工作流程

    我目前正在测试 GitHub Actions 工作流程这个存储库 https github com GuillaumeFalourd poc github actions 我正在尝试使用这个工作流程 https github com Gui
  • 禁止 (#403) - 你不能执行此操作 [Yii2]

    我尝试添加菜单map在后端 我用yii2 advanced 这是我的 控制器 代码 public function actionMap return this gt render map 但是 当我尝试使用此网址访问它时http local
  • opencv中如何根据深度颜色分割连通区域

    I have a picture like which i need to segment the picture into 8 blocks 我尝试过这种阈值方法 img gray cv2 imread input file cv2 IM
  • 如何获得欧米茄(n)

    我有公式 a n n a n 1 1 a 0 0 如果没有主定理 我怎样才能从中得到 Omega Theta 或 O 表示法 或者有人有一个很好的网站来理解解释 马斯特定理甚至不适用 所以不能使用它并不是太大的限制 此处有效的方法是猜测上限
  • 在 R 中:计算精确率/召回率曲线下的面积 (AUPR)?

    假设我有两个矩阵 A代表标签矩阵 B代表A对应的预测概率矩阵 现在我想根据矩阵A和B计算AUPR 精确率 召回率曲线下的面积 对于常见的AUC Area Under Precision Recall Curve ROC Curve R中有很
  • 将多个预制件分配给一个只允许添加一个的脚本

    我有一个脚本 它使用 LeanTween 将对象 预制 放入预制路径上 效果很好 其工作原理是 您可以将一个对象分配给附加有 Moveable 脚本的 路径添加器 MoveController 但是 我需要能够将运行时创建的新预制件添加到
  • 使用 printf 在 c 中 fork() [重复]

    这个问题在这里已经有答案了 有 2 个不同的程序 它们都很小 例如 int main printf print hello fork int main printf print hello n fork 输出 1 是 print hello
  • 根据列删除配置单元中的重复行

    我有一个包含 10 列的 HIVE 表 其中前 9 列将有重复的行 而第 10 列则不会 因为 CREATE DATE 将具有创建日期 例子 如果我今天在表中插入 10 行 它将具有 CREATE DATE 作为今天的日期 如果我明天再次插
  • apache beam.io.BigQuerySource use_standard_sql 作为数据流运行程序运行时不起作用

    我有一个数据流作业 我将首先从 bigquery 查询中读取 在标准 sql 中 它在直接运行模式下完美运行 但是 我尝试在数据流运行程序模式下运行此数据流并遇到此错误 响应 content 显然 use standard sql 参数在数
  • 为什么react-router正确处理正则表达式“path”,但同时抛出错误?

    我有一个组件想要显示在除根路径之外的所有路径上 因此 不要提供所有路径Route组件 我这样写
  • Networkx PageRank - 不同权重的同等排名

    我有一个关于 PageRank 的问题 这可能表明我不太了解它 如果我有一个包含两个节点 A 和 B 的图 并且链接 A gt B 权重 1 0 和 B gt A 权重 2 0 那么 A 不应该因为其入度权重更高而排名更高吗 当我尝试来自n
  • Java中如何检测是否按下了某个键? [复制]

    这个问题在这里已经有答案了 我是 Java 的初学者 我一直在研究如何检测用户是否按下了某个键 例如箭头键 显然有很多方法可以做到这一点 我发现这个方法应该对我有用 public void keyPressed KeyEvent e int
  • java.lang.IllegalArgumentException: android 中的宽度和高度必须 > 0

    我正在尝试从MultiAutoCompleteTextView来自用户并以类似气泡的格式显示它们 但我得到了 在android中宽度和高度必须 gt 0 final MultiAutoCompleteTextView tags MultiA
  • inputParser 验证参数未按预期运行

    我编写了一个测试函数 但遇到了麻烦inputParser function doit varargin p inputParser p KeepUnmatched 1 why does this bomb if I put in ischa
  • 从客户端 javascript/jquery 访问 Windows Azure 队列

    对于 UI 功能 我需要从 Windows Azure 队列中读取数据并相应地更新 UI 我看到很多 node js 示例 但没有看到使用纯 Javascript 或 Jquery 的示例 天蓝色查询 http azurequery cod
  • ui-bootstrap 模态范围错误

    我注意到 ui bootstrap 模态范围有一些奇怪的地方 似乎在其中使用 ng model 时 您必须引用 parent 才能到达模态控制器的范围 请注意 在我的 plunker 中 其他属性 例如 ng options 不需要 par