AngularJS ng-更改不起作用

AngularJS是一种流行的前端开发框架，它使用了一种称为"双向数据绑定"的机制，可以实现数据和视图之间的自动同步。ng-是AngularJS中的一个指令，用于在HTML标签中绑定数据或执行特定的操作。

在提到"ng-更改不起作用"时，可能存在以下几种情况和解决方法：

检查语法错误：首先，需要确保ng-指令的语法是正确的，包括正确的指令名称和参数。例如，ng-model用于双向绑定输入框的值，ng-click用于绑定点击事件等。如果语法错误，可能导致指令无效。
检查作用域：ng-指令的作用域是由父级控制器或作用域对象决定的。如果ng-指令无法找到正确的作用域，可能导致指令无法生效。可以通过在HTML标签上使用ng-controller指定控制器，或者使用ng-init初始化作用域对象来解决此问题。
检查数据绑定：ng-指令通常用于数据绑定，确保正确绑定了数据模型和视图。如果数据模型没有正确绑定到ng-指令，可能导致更改不起作用。可以使用{{}}语法将数据模型绑定到HTML标签中，或者使用ng-bind指令进行绑定。
检查事件绑定：如果ng-指令用于绑定事件，确保事件的处理函数正确定义和绑定。如果事件处理函数没有正确绑定，可能导致指令无效。可以使用ng-click指令绑定点击事件，并确保事件处理函数在控制器或作用域对象中正确定义。
检查依赖项：AngularJS中的指令可能依赖其他模块或库。如果ng-指令依赖的模块或库没有正确加载，可能导致指令无效。可以通过在应用程序中正确加载所需的模块或库来解决此问题。

总结起来，当遇到"AngularJS ng-更改不起作用"的情况时，需要检查语法错误、作用域、数据绑定、事件绑定和依赖项等方面，以确保指令能够正常工作。如果问题仍然存在，可以进一步查看AngularJS的官方文档或社区论坛，寻求更详细的解决方案。

腾讯云相关产品和产品介绍链接地址：

腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
腾讯云音视频处理（VOD）：https://cloud.tencent.com/product/vod
腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
腾讯云移动开发（MPS）：https://cloud.tencent.com/product/mps
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
腾讯云元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse

页面内容是否对你有帮助？

有帮助

没帮助

对于AngularJS，在IE中不触发带有Datalist -ng更改的输入。

javascript、angularjs、angularjs-ng-change

我有一个带有datalist的输入标记，它的ng更改不会在Internet 11中的选择中被触发，它只会在输入的模糊性上被触发。它在Chrome上工作。请让我知道如何使这个工作在IE中，以便ng-更改可以激发在选择数据列表值。注意:如果您将AngularJS版本更改为1.2.x，则它运行良好。上面的任何东西，都没用。

浏览 5提问于2018-04-27得票数 1

回答已采纳

2回答

Angularjs更新模型在http调用之后失败

angularjs

我有一组像[{username: xxx, password: xxx} , ....]这样的帐户，然后我把它们打印到下面的页面上， <td>{{account.username}}<td> <td><button ng-click='ResetPassword(account)'>Reset</button><

浏览 5提问于2015-11-19得票数 0

回答已采纳

1回答

AngularJS ng-单击{$index}

javascript、jquery、angularjs、twitter-bootstrap

我对AngularJS有一个问题，当我使用$index时，它会破坏ng-click函数。ng-click="sayhi('0');" 如果不使用{{$index}来生成零，它将非常完美地工作.

浏览 0提问于2013-10-27得票数 3

回答已采纳

1回答

AngularJS:如何在呈现ng-重复的过程中保持UI对输入的响应

javascript、angularjs、angularjs-ng-repeat

我读过几篇文章/文章，讨论在ng-重复中进行大量或复杂的DOM更改的危险。这些都很有趣，也很有道理。我有一个很大的ng-重复，大约需要10秒的DOM更改和渲染在Chrome (独立于下载时间，等等)。这些渲染发生在纳克重复的50-100个循环中.在此期间，用户无法“左右单击”，即单击运行ng-显示或ng-隐藏指令，等待ng-重复呈现完成。有没有办法让我的浏览器并行地运行这样的函数，或者只是优先处理ng-show/ng-隐藏函数，而不

浏览 1提问于2017-08-15得票数 1

回答已采纳

1回答

AngularJS ng-更改不起作用

html、angularjs、angular-ngmodel

我主要使用ng-change，但这次ng-change不会触发它，还有ng-model，而且它也在我的应用程序和控制器中。与我在其他ng-change中使用的语法相同。我花了3天的时间调试，但我仍然找不到解决方案。 <input type="text" class="form-control" ng-change="search()" ng-model="count_time">var app = angular.module("myCurriform", []);

浏览 16提问于2017-03-13得票数 1

2回答

AngularJS ng-更改不起作用

javascript、angularjs、angularjs-ng-change

我在$dialogScope.items中有一个下拉列表，但是我试图调用函数selectChange，但它似乎不起作用。请帮我注意错误这来自html部分。

浏览 2提问于2016-05-05得票数 1

3回答

AngularJS:为什么我不能用箭头键从文本框中选择自动完成列表？

javascript、jquery、angularjs、twitter-bootstrap、autocomplete

我遵循在AngularJS API文档中找到的用于“提前输入”的代码：我可以通过按enter来填充文本框中的第一个选项，但由于某些原因，我无法使用箭头键(上下)从自动完成列表中选择任何项，但在它们的示例中

浏览 3提问于2014-07-09得票数 3

回答已采纳

2回答

如何在类属性中使用AngularJS ng-controller指令

angularjs、directive

我是AngularJS的新手，正在尝试让以下代码工作。有使用AngularJS指令作为类的经验的人可以在这方面帮助我吗？<em

浏览 1提问于2013-01-24得票数 2

回答已采纳

1回答

角JS ng-在模态回调中单击模态窗口/刷新角度范围

angularjs、magnific-popup

我使用将一个模态窗口加载到我的html中，这实际上是这样做的： <body ng-controller='BasketController as basket'> <a ng-click='addToCart(1)'>Add to cart</a> </

浏览 1提问于2015-01-07得票数 0

回答已采纳

2回答

关于ng-重复，我们能绑定到ng-重复语句中吗？

angularjs

DOCTYPE html> <head> } </script></html> 我

浏览 5提问于2016-12-22得票数 2

回答已采纳

1回答

更改附每一段文字

javascript、jquery、html、angularjs

我不能正确地使用附加事件来获得结果，而不是在添加每个名称时使用ng-重复。请您帮助我如何更改从一个输入字段中添加的每个名称。告诉我，在这里不使用ng-重复，因为对于我进一步运行的功能来说，ng-重复功能对我不起作用，如果不可能的话，可以使用jquery或javascript来解决这个问题。提前谢谢..。<html ng-app="myapp"> <script src="https:

浏览 2提问于2016-01-12得票数 0

回答已采纳

1回答

是否有可能在ng更改中包括一个过滤器？

angularjs、angularjs-filter、angularjs-ng-change

我有一个ng更改，它根据输入到另一个输入- 的文本更新文本输入。ng-change="v1 = 1 - v2 | number:2" 有可能把这件事交给work?...or吗?

浏览 1提问于2014-03-08得票数 1

回答已采纳

1回答

以字母G结尾的AngularJS重复筛选字符串

angularjs、angularjs-filter

我有一个AngularJS应用程序，需要在一行上显示以G结尾的对象属性，在另一行上显示没有G的对象属性： <spanng-repeat="(key, value) in player.ranking" ng- <span class="tex

浏览 3提问于2019-05-08得票数 0

回答已采纳

1回答

在ng-重复中使用"for...of“

javascript、angularjs、angularjs-ng-repeat、ecmascript-6

查看ng-重复源，它似乎没有使用的任何实例。是否有任何自定义指令在模板中实现此循环以使用迭代器函数？looping my cache in simple js would look like console.log(val);// 1, 2<ul><

浏览 3提问于2016-05-08得票数 3

3回答

ngShow不适用于特定的div

angularjs、twitter-bootstrap、ng-show、ng-hide

在AngularJS中，ng-show函数在div部分不起作用下面是它的代码，如您在第84行中看到的，我已经包含了ng- ，但它仍然显示在输出中。

浏览 6提问于2015-05-28得票数 0

4回答

为什么要使用AngularJS指令(属性等)是否在WebStorm 8中显示为“无效”？

angularjs、intellisense、webstorm

我一直在写一些AngularJS的东西，我有一个相当烦人的小问题。每当我输入ng时，AngularJS插件似乎都能部分工作--我得到一个智能提示弹出窗口，显示所有不同的ng-*属性。此外，在编辑html文件时，WebStorm会将所有ng-*属性突出显示为无效的html。其他的angularjs功能似乎也不起作用。例如，我在绑定中没有任何智能感知。我在这里找到了一些主题，以便表明我可能需要在项目settings...however中添加AngularJS作为JavaSc

浏览 7提问于2014-04-10得票数 12

1回答

AngularJS不工作在PhpStorm / WebStorm中的自动完成

angularjs、phpstorm、webstorm、phpstorm-2017.1

我试图在我的PhpStorm 2017.1中解决以下问题：在指令和服务中，它不承认angular.module()(它似乎知道“工厂”) 编辑:跟进莉娜的回答:我包括了AngularJS通过保龄球。

浏览 2提问于2017-05-11得票数 0

回答已采纳

4回答

简单ng-重复不工作

javascript、html、css、angularjs

我在我的angularjs应用程序中有下面的代码，为什么这个简单的ng-重复不起作用？}) <script src="https://ajax.googleapis.com/ajax/libs/angularjs

浏览 3提问于2017-02-27得票数 0

回答已采纳

1回答

ng-重复由于重复而失败

angularjs

我在试着<div class="row" ng-repeat="r in getNumber(size) track by $rowIndex"></div>$scope.size = 48; var arr = []; f

浏览 2提问于2016-10-07得票数 2

回答已采纳

3回答

ng-src是否也将src属性添加到图像标签？

angularjs、angularjs-directive、angularjs-scope

对于像<img class="testClass" ng-src="{{ImagePath}}" alt="{{imageName}}" />这样的图像，我有一个角度代码<img class="testClass" ng-src="/files/imageName_1.jpg" alt="Image 1" src="/files/imageName_1.jpg"> 那么，angular在默认

浏览 3提问于2017-02-21得票数 0

点击加载更多