Angular UI Modal 2 方式绑定不起作用

2023-11-21

我添加了一个 Angular UI 模态,将范围传递到模态窗口以进行 2 路绑定。我用的是resolve方法来传递范围值。这样做的作用有点作用,这意味着当父级中的 ng-model 值发生变化时,它会反映在模式窗口内。但是,如果值在模态窗口内发生变化,则不会反映在父 ng-model 中。这是我的代码:

HTML:

<div ng-app="app">
    <div ng-controller="ParentController">
        <br />
        <input type="text" ng-model="textbox.sample" /> 
        <a class="btn btn-default" ng-click="open(textbox.sample)">Click Me</a> 

        <script type="text/ng-template" id="ModalContent.html">
            <input type = "text" ng-model= "ngModel" / >
        </script>


        <br />{{ textbox }}        
    </div>
</div>

控制器:

var app = angular.module('app', ['ui.bootstrap']);

app.controller('ParentController', function ($scope, $modal) {

    $scope.textbox = {};

    // MODAL WINDOW
    $scope.open = function (_ngModel) { // The ngModel is passed from open() function in template   
        var modalInstance = $modal.open({
            templateUrl: 'ModalContent.html',
            controller: ModalInstanceCtrl, 
            resolve: {
                ngModel: function () {
                    return _ngModel;
                }
            } // end resolve
        });
    };
});

var ModalInstanceCtrl = function ($scope, $modalInstance, ngModel) {
    $scope.ngModel = ngModel;

};

为什么父实例和模态实例之间的 2 路绑定在上面的代码中不起作用?


Change:

<input type = "text" ng-model= "ngModel" / >

Into:

<input type = "text" ng-model= "$parent.ngModel" / >

这与嵌入有关。查看:https://github.com/angular-ui/bootstrap/issues/969

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

Angular UI Modal 2 方式绑定不起作用 的相关文章

  • Antlr 解析器运算符优先级

    考虑以下语法 我对运算符优先级有疑问 例如 res 2 a b有一个类似的解析树res 2 a b 我知道问题出在哪里 但我没有想到没有相互左递归的 漂亮 解决方案 你能帮我一点忙吗 该语法与自定义访问者一起使用 grammar Math
  • 仅当显式选择行时才关闭 ui-bootstrap typeahead

    我创建了这个jsBin http jsbin com livuqafe 2 edit来证明我遇到的问题 如果您转到此处 请尝试输入 五 并继续 你的自然反应是输入 五 然后按 Tab 如果你想要 五百 你可以向下箭头一次 但是 在这种情况下
  • 如何通过索引访问 JSON 对象中的字段

    我知道这不是最好的方法 但我别无选择 我必须通过索引访问 JSONObject 中的项目 访问对象的标准方法是只写this objectName or this objectName 我还找到了一种获取 json 对象内所有字段的方法 fo
  • 没有输入的 jQuery 日期选择器

    我有一个相当复杂的网络应用程序 我想向其中添加一些日期选择 UI 我遇到的问题是我无法从文档中弄清楚如何真正控制日期选择器的出现方式和时间 不涉及任何表单元素 不 我不会添加秘密表单字段 因此简单的开箱即用方法根本行不通 我希望有人可以提供
  • PrimeFaces 对话框参考父级

    我有一个 xhtml 页面 显示带有条目的数据表 我还有一个用于插入新条目的按钮 该按钮显示一个包含表单的对话框 插入表格用作
  • 类型或命名空间“MyNamespace”不存在等

    我有通常的类型或命名空间名称不存在错误 除了我引用了程序集 using 语句没有显示为不正确 并且我引用的类是公共的 事实上 我在不同的解决方案中引用并使用相同的程序集来执行相同的操作 并且效果很好 顺便说一句 这是VS2010 有人有什么
  • Pandas 与 Numpy 数据帧

    看这几行代码 df2 df copy df2 1 df 1 df 1 values 1 df2 ix 0 0 我们的教练说我们需要使用 values属性来访问底层的 numpy 数组 否则我们的代码将无法工作 我知道 pandas Data
  • Mono 应用程序在非阻塞套接字发送时冻结

    我在 debian 9 上的 mono 下运行一个服务器应用程序 大约有 1000 2000 个客户端连接 并且应用程序经常冻结 CPU 使用率达到 100 我执行 kill QUIT pid 来获取线程堆栈转储 但它总是卡在这个位置
  • Amazon RDS for SQL Server 是否支持 SSIS?

    从谷歌搜索中读到一些相互矛盾的答案 不确定答案是是 否还是可能 我觉得读的时候已经很清楚了this http docs aws amazon com AmazonRDS latest UserGuide CHAP SQLServer htm
  • NSArrayController 无需将大型数据集加载到数组中

    我想使用 NSArrayController 向 NSTableView 提供数据 我面临的问题是我不想将所有数据预先加载到数组中 然后使用数组控制器setContent 方法 我的数据模型是一个管理数百万条记录的大型现有代码库 它包含有效
  • 一种无需 JavaScript 即可在 PHP 中确定浏览器宽度的方法?

    首先有吗 或者我必须使用javascript 我希望能够更改使用的 CSS 因此 frex 我可以为移动设备或其他设备加载较小的字体 不幸的是 仅使用 PHP 无法检测用户分辨率 如果您使用 Javascript 则可以在 cookie 中
  • GUI Java 程序 - 绘图程序

    我一直试图找出我的代码有什么问题 这个想法是创建一个小的 Paint 程序并具有红色 绿色 蓝色和透明按钮 我拥有我能想到的让它工作的一切 但无法弄清楚代码有什么问题 该程序打开 然后立即关闭 import java awt import
  • 如何在 Angular 4 中翻译 mat-paginator?

    你知道如何在 Angular 中翻译 每页项目 吗mat paginator标签 这mat paginator是材料设计中的一个元素 您可以使用MatPaginatorIntl为了这 威尔 豪厄尔制作 https github com an
  • 使用velocity.js制作可拖动元素的动画

    我正在使用velocity js 为用户拖动的可拖动 SVG 元素设置动画 然而 velocity js 将先前的 mousemove 坐标排队并通过所有后续的 mousemove 坐标进行动画处理 我想要的是velocity js 不要对
  • 如何在 JFreeChart 中设置多个系列的线条粗细?

    我创建了很多图表 在他们每个人中我都需要打电话 renderer setSeriesStroke i new BasicStroke 2 0f 对于每个系列 renderer is chart getXYPlot getRenderer 我
  • 使用 WGL 创建现代 OpenGL 上下文?

    我正在尝试使用 Windows 函数创建 OpenGL 上下文 现代版本 基本上代码就是 创建窗口类 注册班级 创建一个窗口 choose PIXELFORMATDESCRIPTOR并设置它 创建旧版 OpenGL 上下文 使上下文成为当前
  • Android 材料芯片组件崩溃应用程序。无法膨胀 xml

    Tried Chip来自两个支持库的组件 com google android support design 28 0 0 rc01和材料 com google android material material 1 0 0 rc01 堆栈
  • 禁用允许文本选择的

    残疾人可以吗
  • PyAudio ErrNo 输入溢出 -9981

    我遇到了与用户相同的错误 Python 使用 Pyaudio 以 16000Hz 录制音频时出错 https stackoverflow com questions 12994981 python error audio recording
  • 探查器模板可以迁移到较新版本的 SQL Profiler 吗?

    是否可以将 Profiler 模板迁移到较新版本的 SQL Server 就我而言 我想将 SQL 2008 模板带到 2012 年 我尝试过 1 直接文件复制和 2 导出 导入 在这两种情况下 旧模板都会运行 但无法修改 修改后会出现以下

随机推荐

  • 如何深度克隆iframe?

    有没有办法深度克隆iframe 基本的 jQuery 克隆只是使用相同的 src 创建另一个 iframe 我想要实现的是一种克隆 iframe 的方法 它是准确的当前内容 即任何可能的输入值 通过 javascript 进行的任何 DOM
  • jquery:如何选择没有被 html 标签包围的文本?

    Beer br Vodka br rum br whiskey 如何选择啤酒 还是朗姆酒 在 jquery 中 它们没有被任何 html 标签包围 如果您的意思是要直接选择文本节点 建议不要使用 jQuery 需要澄清的是 获取一组包装的文
  • 我应该将 ASP.NET MVC 控制器操作设为虚拟吗?

    文件 gt ASP NET MVC 项目的新项目 用于生成具有虚拟操作的控制器 我不确定 MVC 2 或 MVC 3 是否会停止这种情况 但这不再是最佳实践吗 T4MVC确实使动作方法变得虚拟 如果您正在使用它 它应该使操作方法变得虚拟 没
  • Python selenium - 修改网页的源代码

    我正在使用 Python selenium 来自动输入我的出勤信息 一切正常 现在我想通过修改源代码来尝试 我看到很少有帖子指出可以使用它进行修改driver execute script 它适用于 JavaScript 但就我而言 我需要
  • 在没有安装 rgdal 的情况下解压并读取 R 中的形状文件

    我想在 R 中解压并读取来自网络的形状文件 而不依赖于 rgdal 我找到了read shp的功能fastshp软件包显然可以在环境中安装 rgdal 的情况下完成此操作 但是 我在实施时遇到了麻烦 我想要一个可以解压缩然后读取形状文件的函
  • 使用 Firebug 检查弹出/下拉菜单样式的技巧是什么?

    有没有办法在使用 Firebug 检查时使弹出菜单 粘住 你可以用 Chrome 来做 但我更喜欢 firebug 当您看不到正在设置样式的元素时 很难设置填充或边距 我做了一些研究但无法弄清楚 有一个内置选项 检查 隐藏 的元素 然后使用
  • 使用构建器模式时“借用的价值不够长”

    我有以下代码 pub struct Canvas lt a gt width isize height isize color Color surface Surface texture Texture renderer a Rendere
  • 更改方法内的引用类型(字符串)

    我将一个字符串变量传递给一个方法 我知道字符串是引用类型 但我在方法内分配的值丢失了 public static void TestMethod string myString myString world static void Main
  • 删除 Swift 3 中的最后一个字符

    我正在创建一个简单的计算器应用程序 目前正在努力在点击按钮时删除最后一个字符 我正在使用dropLast 方法 但我不断收到错误 调用中参数 1 缺少参数 IBAction func onDelPressed button UIButton
  • 正则表达式进入无限循环

    我正在解析以下形式的 物种 名称 Parus Ater H sapiens T rex Tyr rex 通常有两项 二项式 但有时有 3 项或更多项 Troglodytes troglodytes troglodytes E rubecul
  • 来自一系列图像的python 16位灰度视频

    我有一个 uint16 类型的灰度图像数据集 我想将其保存为视频文件 输出应该是 uint16 类型的无损视频文件 我尝试了这个代码 video cv2 VideoWriter file name 0 fps w h isColor Fal
  • “错误时转到 0”和“错误时转到 -1”之间的区别 -- VBA

    谁能找到 VBA 中 On error goto 1 和 on error goto 0 之间的区别吗 我尝试过 google 和 msdn 但没有成功 On Error GoTo 0禁用过程中当前存在的任何错误捕获 On Error Go
  • ASP.NET MVC - Model.OrderBy Date 没有效果

    我在按日期对结果进行排序时遇到一些困难 有什么特别的方法吗 因为我现在正在这样做 var db new DB var articles db Articles var orderedArticles articles OrderBy a g
  • jsp:include 中的 response.sendRedirect() 被忽略?

    我有一个 jsp 文件 其中包含另一个 jsp 文件来检查一些值 例如
  • DataGrid 行的条件文本颜色?

    我有一个绑定到数据库表的数据网格 我需要将行的前景色更改为蓝色 具体取决于其一列中的值 我有办法做到这一点吗 我尝试了 IValueConverter 但我想我一次只能将其用于一个单元格
  • 连接到远程 Spark master - Java / Scala

    我创建了一个 3 节点 1 个主节点 2 个工作节点 Apache SparkAWS 中的集群 我可以从主服务器向集群提交作业 但是我无法让它远程工作 SimpleApp scala import org apache spark Spar
  • 如何在node.js中关闭firebase连接

    下面是我如何使用 firebase 的一个简单示例 let firebase require firebase firebase initializeApp serviceAccount config firebase json datab
  • 使用一次性循环将平面数组转换为树

    SO 问题 假设我们有具有以下结构的平面数组 array level gt 1 name gt Root 1 level gt 1 name gt Root 2 level gt 2 name gt subroot 2 1 level gt
  • 另一个 Ant + JUnit 类路径问题

    我正在使用 Eclipse 开发 Eclipse SWT 应用程序 还有一些 JUnit 4 测试 用于测试一些 DAO 但是当我尝试通过 ant 构建运行测试时 所有测试都会失败 因为找不到测试类 谷歌培养了大约一百万人 他们都有同样的问
  • Angular UI Modal 2 方式绑定不起作用

    我添加了一个 Angular UI 模态 将范围传递到模态窗口以进行 2 路绑定 我用的是resolve方法来传递范围值 这样做的作用有点作用 这意味着当父级中的 ng model 值发生变化时 它会反映在模式窗口内 但是 如果值在模态窗口