问题标签 [angularjs-model]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
1278 浏览

javascript - 保存前阻止模型更新

我去列表视图页面点击任何元素的编辑。更改文本框上的内容,然后单击取消。这将导航到列表视图,但即使没有我保存,条目现在也会更新。

路线

Ctrl

服务

编辑 tmpl

0 投票
1 回答
1308 浏览

javascript - 使用 'controller as' $scope angularJS 从对象模型访问值

我正在尝试获取 user.firstName 和 user.lastName,为这些模型添加一个手表集合,然后吐出一个 userName。

我似乎无法在两者之间进行交流,我认为我使用的范围和自我不正确。我很新,误解了这两个概念。

而且因为我遇到了一个错误,从对象中抓取lastNamefirstName$user对象中吐出一些东西的正确方法是什么?

我正在使用“控制器作为”语法。Ty 提供任何指导。

HTML

JS

0 投票
2 回答
3274 浏览

angularjs - 如何将指令模板模型传递给控制器​​/父范围

呃,我被困在其中一个 Angular 绑定(不是双关语)中,我无法让我的控制器与我的指令对话。

我的指令如下,一个带有模板的选择下拉菜单:

填充选择的months值来自与控制器通信的服务:

我想做的是在monthChoice发生变化时将模型的值传递给控制器​​。这样,我可以从部分视图中的其他 html 元素访问它。我的局部视图设置如下:

它位于使用典型 $routeProvider 路由的部分内部:

我抛出以下错误:Expression 'undefined' used with directive 'month' is non-assignable!

而且我无法从控制器访问值。

0 投票
2 回答
663 浏览

javascript - angularjs modal将数据传输到外部控制器的正确方法?

我想知道关于 angularjs 模态的软件设计和最佳实践的正确方法是什么。在我的应用程序中,我有一个使用自己的控制器的主窗口,并且我有一个用于模态的 show()、hide() 和 destroy 函数。我的主窗口上的一个按钮将显示()模式,我将有一个隔离范围,其中包含从父范围继承的变量,以及它自己的控制器。我希望能够将一个对象传递给对话框,以便对其进行“修改”操作,以及一个“创建”按钮,该按钮关闭模态并创建在模态中输入的数据的新对象。

我面临两个问题: 1. 无法从主控制器的范围和模态控制器中的范围传输对象,除非有 1 个带有预定义对象的控制器,然后我可以向其中添加数据(但为什么它有效? ) 2. 与 show(),hide() 不一致: show() 必须驻留在主控制器中,但由于 modal 有自己的控制器,因此必须实现 hide() 和 destroy() ,就代码责任而言,这对我来说感觉很糟糕。

在这种情况下有什么好的做法?

0 投票
1 回答
361 浏览

angularjs-model - AngularJS:如果输入字段为空,为什么检查器中不显示 ng-model 范围的变量?

我有一个这样的输入表单:

问题是,除非我在输入字段中不写任何内容(= 用户交互),否则userLogin.username变量不会出现在 $scope 中(我正在使用 AngularJS 的 Chrome 开发控制台插件)。实际上,如果我尝试打印它,我会出错(未定义用户登录>>无法读取用户名)。

有什么线索吗?

0 投票
0 回答
115 浏览

ckeditor - CKEditor 防止框架和本机事件传播

我有一个角度指令,它被编译并插入到 CKEditor 中。此外,我有一个小部件插件,可以将这些指令向上转换为小部件,并允许编辑它们的少数字段。在这些字段中,<input>绑定到应该在编辑器内外显示的模型。探索 DOM 我看到 angular 添加了它的绑定类,但是在将观察者附加到模型之后,事实证明当有人在<input>.

CKEditor 是否阻止/隐藏这些事件?先感谢您!

0 投票
1 回答
684 浏览

angularjs - AngularJS使用asp.net MVC中的强类型对象直接从视图初始化模型

是否不可能在 asp.net mvc 中使用强类型对象来初始化 ng-model 属性,因为当前一旦 ng-model 属性绑定到视图,视图值就会被清除。我知道如果我初始化它会起作用值形式模型,但这意味着我必须发出一个获取请求才能拉取模型值,但是如果我想利用 asp.net mvc 现有的强类型模型绑定功能怎么办?

0 投票
2 回答
868 浏览

javascript - 编辑orderby-property时AngularJS orderby不起作用

我在我的范围内有一个对象列表,并且想要遍历它们,以按某些属性排序的方式显示它们的一些属性并更改它们。

ng-repeat 用于显示绑定到我的列表的每个对象的文本框,并应用了将“位置”作为参数的 orderby 过滤器。

再一次,位置也是可编辑的!

现在我们改变某个对象的位置一次(角度按预期重新排序列表)然后改变两次。Angular 不会重新排序列表。

谁能解释如何解决这种仅重新订购一次的情况以及这种行为的原因是什么?

这是小提琴:JSFiddle

HTML

JS

0 投票
0 回答
676 浏览

javascript - 重新排序 ng-repeat 列表时 Tinymce 编辑器变为空

这是我们最近在项目中遇到的错误的简化示例。

我有一个具有“名称”和“位置”属性的对象列表,并且想使用 TinyMCE 编辑器而不是 textarea 来显示“名称”。

此外,列表按可编辑的“位置”属性排序。

请注意,一旦“位置”属性更改(列表重新排序),TinyMCE 编辑器就会变为空。

任何人都有任何想法为什么会发生以及如何解决这个问题?

示例代码:JsFiddle

HTML

JS

0 投票
1 回答
1139 浏览

angularjs - ng-model 在选择指令中不起作用

工作原理:包含ng-options所有名称,并显示在下拉列表中。

问题:

  1. 在开始时,如果没有选择任何内容,则应显示文本“选择名称...”。但它现在是空的。
  2. 我知道它被问了很多,但我没有找到这个案例的解决方案。如果我将选择其中一些选项,则错误

“错误:[$compile:nonassign] 与指令 'fileWidget' 一起使用的表达式 'undefined' 是不可分配的!” 发生。

几何服务.js

FileWidgetDirective.js

输入控制器.js

文件小部件.html

有任何想法吗?