问题标签 [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.
angularjs - 如何从angularJS中的数组中过滤特定项目?
这是我的控制器:
我的html代码是:
我只想按“customers.name”过滤,但现在它按整体客户数组过滤。
angularjs - AngularJS 模型级助手
我有一个看起来像这样的用户模型:
我想添加一个帮助器,它将从我的模型实例返回显示名称......但它可能是值的组合,具体取决于填写的值,例如:
使用我使用过的其他 JS 框架,您可以使用诸如 myInstanceModel.displayName()
.
我知道你可以用一百万种不同的方式做到这一点,但我想知道这样的事情是否有“角度方式”。
javascript - 用另一个模型过滤一个控制器的内容(AngularJS)
我有类似的东西:
但是当我在输入栏中搜索时,它不会影响我的列表。如何让我的模型从一个控制器影响另一个控制器的内容?
谢谢。
编辑
ControllerA
并且ControllerB
彼此完全隔离,我想保持这种状态。如果我需要与其他控制器共享模型,我将如何使用$rootScope
它?
javascript - 在 ng-click 上更新 AngularJS 模型,DOM 没有响应
我有一个输入框和一个文本区域,它们保存在一个模式窗口中,该窗口在单击按钮时打开。相同的输入框和 textarea 被用于不同目的的第二个模式使用。每个模态都在不同的控制器下。因此,当我单击第一个控制器的按钮时,我希望将某些更改应用于模态,而不是单击另一个控制器的按钮时。
但是,由于这些控制器共享这些输入和文本区域字段,因此有时来自一个和另一个的信息由于其中的 s 而相互传递ng-model
。其他时候,如果我打开一个模式窗口,输入输入,关闭它,然后重新打开同一个窗口,内容仍然保留在输入字段中。
这都是因为我不知道如何从我的控制器中更新这些输入/文本区域字段的内容。我不确定我做错了什么。我的模型没有更新 DOM——求助?
ControllerA,对于新职位:
ControllerB,对于新的评论:
index.html有两个调用如下代码,一个在 ControllerA 下,另一个在 ControllerB 下:
title
并且postContent
是我的两个模型,每次单击相应的帖子或评论按钮时,我都尝试将其设置为空白,并调用每个控制器中定义的单击函数。但他们不会更新 DOM 中的空白。
任何帮助将不胜感激!
更新:通过调试语句,我已经能够确定值本身已被重置为空白,就像我编写的代码一样,但是这种更改根本不尊重 DOM。我也尝试在这些模型上使用 $scope.$watch 来做同样的事情,但没有运气。
更新:选择的答案有效,但我的代码中有各种其他错误,这些错误使正确答案无法发挥作用。但它现在正在工作!只是没有上面的代码。
javascript - 带有指令的角模型
所以我的模板中出现错误,它不喜欢 ng-model="event.{{name}}"。我想知道如何让模型成为 ng-model="event.date_end"。
我还想知道这个 jquery datetimepicker 是否会在链接中正确初始化(当我将它作为 .html 文件中的一个函数时它起作用,但当我把它放在控制器中时它不起作用。)
此外,我不得不使用 jquery 来触发输入上的“输入”以更新模型,但我希望在指令中以角度方式进行操作。
希望我不会太偏离这个角度的方式。
谢谢。
HTML
JS
angularjs - 为什么我不能使用 Angular 一个角度指令的 $set 函数来设置 ngPattern、ngMinlength 和 ngMaxlength?
这听起来很奇怪,但是,即使这是不好的做法或其他什么,我怎么能得到这个:
html:
看起来像这样:
目标:
如果不这样做:
.
.
.
我尝试过的一些事情- (plunkr)
假设这部分是恒定的:
.
.
.
以下内容的每次迭代(注释掉等):
和:
并尝试使用控制器
我不知道为什么这很困难。文档起初似乎足够详细,但天哪,一旦您进入战壕,这还不够。我看过每个 egghead.io 视频,读了很多东西……认真的。如果这是另一种语言,我现在就会教它。
angularjs - 引用调用控制器函数 Angularjs ( ng-change / ng-blur / ng-* ? ) 的元素
最初的问题询问如何确定哪个元素称为控制器blurr
功能,但我没有澄清我不是专门询问ng-blur
ng-* ( ng-change
, ng-focus
, ng-mouseover
, ng-*) 。所以,考虑到这一点:
blurr()
和/或check()
函数?
html
js
您可能会问自己“他为什么要这样做?”
有2个原因:
因为我想打电话:
$scope.user_form[meta_test.[(whatever this element is.name)]].$setValidity('spike', false);
因为我很好奇。必须有一个简单的方法来做到这一点。
(参考): 控制器作为语法
javascript - Angular.js ngTable 选择输入作为不显示现有值的列
我正在使用 Angular.js 1.2,并且正在尝试在 ngTable 的单元格中使用 Select 输入。选项列表已填充,但 ngModel 指令似乎没有选择要显示的项目。
这是我的桌子现在的样子:
类别和默认角色列始终显示为未选择的下拉列表,当我直接显示和时task.categoryId
,task.defaultRoleId
它们确实具有属于选项列表的值。我还需要在这里做些什么吗?
编辑
这是一个例子。我所期望的是下拉菜单选择了相关的值。http://plnkr.co/edit/9DkSQT?p=preview
javascript - 输入字段中的星号使用 angularjs 指示长度
我正在将 angularjs 用于我正在开发的应用程序。
我需要input
一个用户必须输入的具有特定长度字符的字段。为了指示输入应该多长时间,如果用户已经在其中输入了一些内容,我希望有一个输入字段,通过星号事件指示字符数(所以它不应该只是一个占位符,一旦用户输入了一些东西!)。
例如(I
表示光标位置):
用户第一次看到表单:*****
用户点击输入字段:I*****
用户输入第一个字符(例如一个e
):eI****
用户输入更多字符:equI**
用户输入了全部 5 个字符:equalI
。
到目前为止,我在这里的 jsfiddle中可以看到。这里的问题是,光标没有定位在正确的位置,并且验证到目前为止还没有工作。
有谁知道如何解决这个问题?
非常感谢!