当前位置: 首页 > 面试题库 >

Angular JS:在ng-change上获取ng-model

冯峻
2023-03-14
问题内容

我有以下HTML

<select ng-model="country" ng-options="c.name for c in countries" ng-change="filterByCountry"></select>

这是由以下对象与国家/地区列表馈赠的

$scope.countries = [{name:Afeganistão, country:AF}, {name:África do Sul, country:ZA}, name:Albânia, country:AL}, {name:Alemanha, country:DE}, {name:Andorra, country:AD} ...];

当我更改下拉列表值时,我期望在filterByCountry函数中更新我的模型($ scope.country),但不是。我在这里想念什么?


问题答案:

ng-change该处理之前触发ng- model实际更新。如果您想filterByCountry在每次$scope.country更改时都被解雇(而不是仅在下拉列表更改时被解雇),则应使用以下代码:

$scope.$watch('country', filterByCountry);

我总是发现,$scope在可能的情况下,对我的事件而不是DOM事件的更改做出反应更有用。



 类似资料:
  • 问题内容: 给定以下选择元素 有没有办法使MAGIC_THING等于当前选择的大小,因此我可以访问并在我的控制器中? size.code影响了应用程序的许多其他部分(图像网址等),但是当的ng-model 更新时,面向用户的东西也需要更新。我认为执行此操作的正确方法是捕获更改事件并在控制器内部设置值,但是我不确定可以将哪些内容传递给update以获取正确的值。 如果这是完全错误的解决方法,我很想知

  • 问题内容: 当调用这样的函数时: HTML: JS: 一切正常,但是当我的功能在服务中(控制器可以访问)时,不会调用该功能。通过将服务名称作为前缀来调用它也不是一个选择(即使这在javascript代码本身中也有效) 所以我的问题是:当位于服务中的ng-change中调用服务时,正确的方法是什么? 提前致谢 问题答案: 您需要使用通过作用域的函数来调用服务函数。因此,在您的示例中,只要将服务注入到

  • 问题内容: 什么时候应该使用角度函数,什么时候应该使用angularjs指令?对我来说,他们都可以做同样的事情。 两者之间是否有差异或使用方式? 问题答案: 显然,它们并不相同。一种仅在控制器中使用;另一种仅用于控制器。另一个是对输入元素的指令。 但是即使在它们的应用中,它们也有所不同。 使用监视的表达式时,将在每个摘要循环上对其进行评估,如果有更改,则将调用处理程序。 使用,响应事件,显式调用处

  • 问题内容: http://plnkr.co/edit/RP9SpO1qGjn5Ua6pZJ3D?p=preview js 和html 注意,根据半径范围结构检查了“ 2 Mile”无线电输入。为什么ng-change不触发功能? 如果我添加ng-model,则该函数会触发,但是ng-checked无法正常工作。 问题答案: 这是因为您没有使用: plnkr 更新: 很抱歉,我没有注意到您要检查默认

  • 问题内容: 我正在学习AngularJS。我遇到了我无法解释的内容,也找不到针对(或解决方案)的任何解释。 我有一个简单的AngularJS应用,并且尝试将a绑定到一个值,但是它不起作用。例如: 如何使最后一个跨度使用2向绑定,以便编辑其值会更新chunk.value,反之亦然? 问题答案: ng-bind !使用ng-bind在“ span”中进行单向绑定。 请参考此处的示例:https : /

  • 问题内容: 我有以下由时间戳记中的模型值填充的文本输入: 它将输入值显示为给定的时间戳。 我想将输入中可见的值转换为格式化日期(YYYY / MM / DD),但在模型中应始终将其作为时间戳记。 我试图通过这种方式做到这一点: 但是没有运气。 感谢您的任何建议。 问题答案: 您可以尝试过滤器 的HTML 控制器JS