angularjs ng-如果在表单中不起作用
AngularJS是一种流行的JavaScript框架，用于构建动态的Web应用程序。ng-是AngularJS的指令前缀，用于标识特定的指令。
在表单中，ng-指令用于处理表单元素的交互和验证。如果ng-指令在表单中不起作用，可能是由于以下几个原因：
- 未正确引入AngularJS库：确保在HTML文件中正确引入了AngularJS库文件。可以通过在<head>标签中添加以下代码来引入AngularJS库：
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>- 未正确定义ng-app指令：ng-app指令用于定义AngularJS应用程序的根元素。确保在HTML文件的适当位置添加ng-app指令，例如：
<div ng-app="myApp">
<!-- 表单元素 -->
</div>- 未正确使用ng-指令：确保在表单元素上正确使用ng-指令。例如，如果要在输入框中使用ng-model指令来绑定数据模型，可以这样写：
<input type="text" ng-model="myModel">- 未正确设置控制器：如果在表单中使用了控制器来处理逻辑，确保已正确设置控制器。例如，在ng-controller指令中指定控制器名称：
<div ng-controller="myController">
<!-- 表单元素 -->
</div>- 未正确定义AngularJS模块和控制器：确保已正确定义AngularJS模块和控制器，并将其与HTML文件中的元素关联起来。例如，在JavaScript文件中定义模块和控制器：
var app = angular.module('myApp', []);
app.controller('myController', function($scope) {
// 控制器逻辑
});以上是一些常见的原因，导致ng-指令在表单中不起作用。如果问题仍然存在，可以进一步检查浏览器控制台是否有任何错误信息，以帮助确定问题所在。
腾讯云提供了一系列与AngularJS相关的产品和服务，例如云服务器、云数据库、云存储等，可以根据具体需求选择适合的产品。更多关于腾讯云产品的信息可以在腾讯云官方网站上找到：腾讯云。
相关·内容
4回答
我试图从url中读取json数据，但它不起作用。
(如果chrome不工作，在firefox中打开它)。
这是我的javascript代码：
$scope.displayA = function() {
$http.get('url').then(function(response){
$scope.ninjass = response.data;
});
};
我正在尝试以ng-重复格式显示它，但没有显示任何内容。
ng-重复代码
<table>
<!-- <th ng-repeat="ninja in
浏览 2提问于2018-09-26得票数 0
1回答
我希望使用自定义指令创建类似于下面的内容。我可以得到“类别”部分，而不是“面包屑”部分。
在面包屑指令中使用ng-重复，不起作用。
我可以观察到面包屑的ul，但是li元素没有附加到ul中。
下面是我的小提琴，出于某种原因，代码在我这边不起作用。但我把它放在这里只是为了给出一些想法。
<div ng-controller="sampleCtrl">
<tree src="categories"></tree>
</div>
树指令在单击时调用分支。分支点击调用“面包屑”
ng-重复不起作用：
tem
浏览 3提问于2016-03-06得票数 0
回答已采纳
我有这样的HTML代码：
<div ng-controller="SimpleController">
<select ng-model="item.category" ng-options="category as category.name for category in categories">
</select>
<br />Item: {{item | json}}
</div>
和js：
var app = angular.module("
浏览 0提问于2016-06-01得票数 0
回答已采纳
AngularJS V标准： 1.3.8
JSFiddle:
我一直在开发一个小型AngularJS应用程序，遇到了一些问题。我在页面上有一个ng-repeat，它填充表单的内容。表单中的项数由绑定到模型的下拉列表定义，并使用ng-options填充。类似于：
<select id="testAmount" ng-model="selectedItem" ng-options="item.name for item in items"></select>
<form role="form" nam
浏览 3提问于2015-02-02得票数 2
回答已采纳
2回答
Angularjs ng-已禁用
、、、、
我有两个用于验证电子邮件和密码的输入。我可以看到以下作品的个人：
myForm.$error.required
验证具有所需输入值的输入表单
myForm.email.$valid
正在验证我的regex电子邮件
如果我打印{{使用上面的代码}}，我可以看到对输入和其正确性的验证的布尔结果。然而，当我对两个表达式都使用ng-disabled按钮时，它不起作用，但如果我只对一个表达式使用ng-disable，我可以看到它确实起作用了，但我无法将两个表达式都放在一起，即
<button type="submit" ng-disabled="myForm.$error.
浏览 17提问于2017-03-11得票数 1
回答已采纳
2回答
我现正按日期订购下列货品：
<div class="inbox" ng-repeat="recipient in messages | orderBy: 'recipient':true">
<ul>
<div>
<li class="inboxItem">
<a ng-href="#/messaging/userChat/{{recipient.$id}}"><span> {{recipient.$id
浏览 2提问于2015-03-26得票数 0
回答已采纳
我有以下表格：
<form name="formuser" action='/signup' method='post' novalidate>
<input type="text" name="firstname" ng-model="firstname" ng-class="{ 'has-error' : (formuser.firstname.$invalid && !formuser.firstname.$pristine)
浏览 3提问于2014-04-03得票数 8
回答已采纳
1回答
我在angularjs中是新手，我在尝试使用ng时遇到了问题--包括在表单中。
HTML表单：
<form method="post" id="formQuestion" name="formQuestion" ng-submit="sendForm()" novalidate ng-controller="questionValidation">
<ul>
<div class="slide-animate" ng-include="'/te
浏览 1提问于2015-02-02得票数 0
回答已采纳
<form class="" ng-submit="submit()" ng-controller="MailingListController">
<input class="form-element large" placeholder="Email address" ng-model="emailaddress">
<input class="form-submit button large bkg-charcoal bkg
浏览 0提问于2016-02-29得票数 0
我想要得到我的按钮在ng-包括的参考！但不起作用。(我在index.html中加载我的index.html)。
代码在我的script.js:中
buttons = Array.prototype.slice.call( document.querySelectorAll( '#st-trigger-effects > button' ))
代码在我的ng-包括控制器：
<div id="st-trigger-effects" class="column">
<button data-effect="st
浏览 0提问于2015-05-11得票数 1
AngularJS
$scope.orderByField = 'firstName';
$scope.reverseSort = false;
$scope.headers = ['First Name':'firstName','Last Name':'lastName']
视图
<th
ng-repeat="(key,value) in headers"
ng-click="orderByField=value; reverseSort = !reverseSor
浏览 3提问于2015-12-18得票数 2
回答已采纳
我试着用ng-重复生成表单输入。注意：'customFields‘是一个字段名数组：“年龄”、“体重”、“种族”。
<div class="control-group" ng-repeat="field in customFields">
<label class="control-label">{{field}}</label>
<div class="controls">
<input type="text" ng-m
浏览 8提问于2013-07-25得票数 23
回答已采纳
我有一个用ngRepeat填充的表，还有一个inputtext，您可以在这里过滤该表。
这很好，但现在我想出了一个想法，可以双击表中的一个元素，并将文本添加到搜索inputtext中，以便在双击文本时直接应用过滤器。
不幸的是，它并不像预期的那样起作用。我所做的是：
<input type="text" placeholder="Search..." data-ng-model="userinput" />
<p data-ng-dblclick="userinput='query'">Do
浏览 2提问于2015-09-29得票数 1
回答已采纳
2回答
我正在开发一个应用程序，我有一个用ng-repeat填充的表，表的最后一列是一个点击的图像，打开另一个页面，其中应该包含关于我选择的表格行的更多细节，单击该图像。
我尝试使用隐藏在表单中的输入类型，但它对我不起作用。
这是我的密码：
<tr ng-repeat="Data in response">
<td align="center">{{Data.date}}</td>
<td align="center">{{Da
浏览 4提问于2016-12-19得票数 2
回答已采纳
1回答
我有以下代码，这是一个指令模板：
<div ng-click="showDetails=true" ng-init="showDetails=false">
<div ng-show="showDetails">
<div ng-click="showDetails=false">X</div>
</div>
</div>
当我点击外部div，内部div显示，但当我点击'X'，它不会消失。当我重写代码并使用“ng
浏览 1提问于2014-10-16得票数 2
回答已采纳
我有4个表单，在需要的时候使用angular ng-hide和ng-show来显示每个表单。但是，当页面最初加载时，它在加载时显示所有表单，只有在加载完成时才隐藏它们。它在加载时看起来真的很糟糕。有什么办法可以防止这种情况发生吗？
浏览 1提问于2016-05-23得票数 4
2回答
我是AngularJS的新手，我对当前的项目有一点压力，这就是为什么我在这里问。
我看到AngularJS有ng-dragstart事件()，但它似乎不起作用。在其他页面上，我可以看到其他开发人员推荐使用新的“指令”。
所以我的问题是：“在AngularJS中是否实现了原生ng-drag功能，还是我应该自己实现？”
浏览 0提问于2014-09-02得票数 8
回答已采纳
1回答
我有一个简单的AngularJS动态表单，它由ng模型绑定到属性modelParams.value。但是，每个表单字段都显示modelParams.value的值，但是，我希望有一个名为"Default“的按钮，将所有表单字段的值设置为该关联数组中的其他属性，如modelParams.defaultValue或modelParams.oldValue。我假设一旦按下“默认”按钮，就会覆盖ng-model="modelParams.value“的值。
这是表格：
<form name="modelParamsForm">
浏览 5提问于2017-04-20得票数 0
回答已采纳
我正在使用ng-repeat-start /ng-重复结束，并在必要时使用$index，但我希望使用ng-init="someName = $index“，并使用"someName”来获得更清晰的代码，而不是将其混入嵌套的ng-重复。
它对ng重复非常有效，但在ng重复启动中执行此操作失败。
这是天使的问题吗？为什么它在那里不起作用？
这是代码(我还使用了引导)：
<div class="col-md-3" ng-repeat-start="item in items" ng-init="myIndex = $index"
浏览 5提问于2016-05-03得票数 2
我的表单上有一个input[type=text]和一个ng-required="true"。我有一个按钮单击事件，它更新输入绑定到的模型。
如果更新后的值为空，则窗体无效。但是，如果更新后的值完全是空格，则表单是有效的。
如果删除空白并读取它，表单将再次无效。
这个小玩意演示了：
这个问题有解决办法吗？现在，我只需要整理我所有的后端数据。
浏览 0提问于2014-04-21得票数 3
回答已采纳
1回答
我试图用AngularJS和ng-重复创建下表结构(示例1)。我唯一的要求是tbody不会被重复。我正在处理的数据具有product.productunit的结构。具有rowspan=3的左表单元格将显示图像，后面的右3单元将显示该图像的产品单元。然后，整个表将被放置在一个固定的可滚动网格中，并使用css: tbody {overflow:涡旋}使用固定的标头/页脚。不幸的是，在每个产品之间有多个tbodys，分割成一个表，滚动，如例2所示，这是不工作的。
更新
我的问题是如何删除tbody中的ng-重复。下面的人对我的问题投了反对票，因为我的例子显示了与tbody一起的ng-重复。我询问如何
浏览 3提问于2014-03-10得票数 2
1回答
我的AngularJS应用程序有问题。我试图在ng视图中使用引导模板的JavaScript，但不起作用。当我在索引中使用此JavaScript时，效果很好，但在任何视图中都不起作用。
这是我的index.html的一部分：
<!-- Breadcrumb -->
<ng-view>
</ng-view>
<!-- Javascript Libraries -->
<!-- jQuery -->
<script src="js/jquery.min.js">&
浏览 1提问于2014-10-19得票数 1
回答已采纳
使用ng-重复，我正在创建一组包含值的表单。对于每个表单，还可以使用新字段向该特定表单添加行。代码如下
HTML:
<div ng-repeat="cont in contacts">
<form ng-submit="newContact()">
<input type="text" class="xdTextBox" ng-model="cont.ac"/>
<input type="text" class=
浏览 11提问于2014-02-28得票数 2
回答已采纳
6回答
我有一个表单，在这个表单中，我在加载时提交此表单。
我希望当这个页面被加载时，它会等待一些秒数，然后提交此表单。我不想使用任何按钮提交此表单，它应该是自动提交表单。有可能吗？
我的html页面代码如下所示
<form name="main" ng-submit="submitForm(main_1)">
<table align="center">
<tr>
<td>First Name :</td>
<td&
浏览 0提问于2017-07-19得票数 1
2回答
我在AngularJS中的表单验证和在表单中使用项目的ng-repeat时遇到了问题。
HTML：
<div ng-app>
<div ng-controller="EditController">
<form name="form" novalidate>Name:
<br/>
<input type="text" ng-model="model.name" required="" /&g
浏览 0提问于2013-06-06得票数 7
回答已采纳
我在表行上有一个单击事件，在这一行中还有一个delete Button和一个click事件。单击“删除”按钮时，也会触发行上的单击事件。
这是我的密码。
<tbody>
<tr ng-repeat="user in users" class="repeat-animation" ng-click="showUser(user, $index)">
<td>{{user.firstname}}</td>
<td>{{user.lastname}}</td>
浏览 8提问于2013-11-30得票数 451
回答已采纳
我在试着跟踪ng-显示和ng-隐藏工作。我希望在REST调用成功时显示表单，如果调用返回空值，则会发出错误消息。
我还通过了
但仍然没有遵循它们的工作原理。有人能帮忙吗？
浏览 5提问于2015-12-12得票数 1
回答已采纳
禁用“选项”AngularJS元素的“AngularJS”方法是什么？
我使用的是AngularJS v1.2.25。
Plunk链接：
<!-- CODE BEGIN -->
<!DOCTYPE html>
<html>
<head>
<script data-require="angular.js@2.0.0" data-semver="2.0.0" src="https://code.angularjs.org/2.0.0-beta.6/angular2.min.js&#
浏览 1提问于2016-07-01得票数 0
回答已采纳
我有以下HTML代码：
<div class="row">
<div class="col-md" ng-repeat="song in songs">
<div class="title"><div class="add">+</div></div>
<div class="item"></div>
</div>
</div>
当我
浏览 5提问于2017-01-30得票数 0
回答已采纳
我想要做的就是展示一个“装货.”当使用AngularJS单击提交按钮时。我想这应该很容易用
<form ng-if="!export.buttonClicked">
... various input values without ng-model
<input type="submit" value="Start export" class="btn btn-default" ng-click="export.buttonClicked=true;">
</form>
浏览 3提问于2016-06-07得票数 1
回答已采纳
我有以下HTML代码片段：
<div ng-show="loggedIn()" class="visible-phone">Show only on phone and if logged in.</div>
在JS中：
$rootScope.loggedIn = function () {
return window.usr ? true : false;
};
但无论loggedIn()值如何，都会始终显示该元素。有什么解决方案吗？(或者至少是解决方法)
浏览 0提问于2012-09-16得票数 0
1回答
我从一次休息服务中得到约会
$scope.dob="1989-10-17 00:00:00"
如何将/apply筛选器转换为此日期，使其看起来像正常日期(没有时间)。
我试着剪接时间部分，但这是在ng-重复，它不起作用
浏览 1提问于2015-01-14得票数 0
回答已采纳
3回答
我在ng-repeat中做了一些dom操作。现在，我想重新设置DOM，以匹配ng-repeat正在循环的模型。如何强制AngularJS重绘ng-repeat内容。
应用程序不起作用，显然不会导致对模型所做的更改。
浏览 10提问于2016-12-20得票数 0
回答已采纳
对于表中的每个td元素，我有一个附加的ng-单击。以下是每个表单元格的(简化) html：
<td ng-click="cellClicked($event)">
<span ng-if="!cellEdit">{{event.eventName}}</span>
<input type="text" ng-if="cellEdit" ng-model="event.eventName">
</td>
以及我的(简化的)ng单击函数：
sc
浏览 3提问于2015-04-02得票数 14
回答已采纳
我需要在最外层的ng-表单上设置一个css类，如果对于任何一个子类来说，$invalid是真的。
我有一个柱塞来检查这个问题。
有人试过这个吗？有什么指示吗？
谢谢。
浏览 1提问于2014-05-30得票数 0
回答已采纳
1回答
AngularJS外部UI库
、、、、
我正在试着用这些组件制作一些动画。我使用Angular和Masonry (UI库)。当我试图使ng-view之外的一个元素具有动画效果时，它是有效的，但是当我在ng-view内部的元素上尝试时，它不起作用。我知道这是因为视图-它只运行一次代码(当页面加载时，但jQuery不等待ng- jQuery元素)。我如何解决这个问题？
浏览 1提问于2016-12-03得票数 0
我正在使用AngularJS来显示应用程序键(应用程序标识符)的表，我想使用编辑按钮在该表行中显示一个小表单。然后用户可以编辑字段并单击“保存”或“取消”。
演示：
我有一个很好的内联表单。我单击“编辑”，出现一个表单。Cancel也很有效。
我的问题是
如何将保存按钮与将对进行$http调用的函数连接起来?如何从该行获取数据以发送到$http调用？一旦调用返回，如何禁用editMode？
下面是我在控制器中使用的实际代码(在JSFiddle中，我不能进行http调用)。第一个$http函数填写表单，editAppKey函数是保存按钮调用的函数。
function AppKeysCtrl($s
浏览 30提问于2013-11-12得票数 20
回答已采纳
默认情况下，角将类ng-submitted添加到提交的表单中。
我发现我不得不在表单本身上做一些$setPrestine和$setUntouched。但从来都不起作用。得到错误，如：
TypeError:无法读取未定义的TypeError的属性'$setPrestine‘：newFoobarForm。$$setPrestine不是一个函数
$scope.submitForm = function(input)
{
$http.post('/foobar/', input)
.success(function(data, status, h
浏览 1提问于2015-09-04得票数 0
我试图展示一些关于使用AngularJS函数的过程列表的细节。每个过程都由一个唯一的ID标识，所以我在函数中使用它作为参数。
如果我使用这一行代码，它就能工作。
<a ng-click="showDetails(1)">Show Details</a>
虽然使用这个，但它不起作用
<a ng-click="showDetails({{1}})">Show Details</a>
双牙套里的所有东西不都应该解决吗？
编辑:看起来很明显，但是，考虑到这些评论，它并不是.
这是一个理解为什么参数不是这样好的例子，在我的
浏览 3提问于2015-09-28得票数 1
回答已采纳
我有一个弹出显示项目与ng-重复，但在ng-重复的链接不起作用，两种方法。以下是html代码
<div class="skills-container">
<i class="fa fa-tags"></i>
<button type="button" class="btn btn-sm btn-primary skills" ng-repeat="skill in work.skills" ng-Mouseover="getSimilar($index
浏览 9提问于2014-04-29得票数 0
回答已采纳
我有一个表单，我正在尝试使用input ng-checked="someFunction()"中的函数，但我不知道这是否可能，或者我做错了什么。我在我的控制器中有一个函数，我在视图中调用它。就函数而言，我认为它肯定在工作，并且ng-checked正在触发它，但是返回true或false不会改变任何事情。所以问题是，有没有办法在“ng-checked”中使用函数？
$scope.multiAnswers = function (answers, optionId) {
angular.forEach(answers, function (answer, k
浏览 3提问于2014-02-11得票数 13
回答已采纳
2回答
在以下示例中：
<li ng-repeat="item in items" ng-click="showItem(item)">
<h3>{{item.title}}</h3>
<button ng-click="remove(item)">Remove</button>
</li>
当我单击按钮时，showItem()也会由于事件冒泡而被调用。我知道我可以使用$event来监视$event.currentTarget和做$event.stopProp
浏览 6提问于2013-05-22得票数 40
回答已采纳
我遇到了与相同的问题，但那里的解决方案对我不起作用。
我正在学习AngularJS，很难在ng-repeat中使用ng-model提交表单数据。我有一个小组成员的列表，以及他们最后一次参加的日期：
[{"name": "Bob", "attended": "01/01/16"},
{"name":"Steve", "attended": "02/01/16"}]
我列出了使用ng-repeat的所有成员，并希望能够从每行中的一个表单中更新"attended“字
浏览 10提问于2016-08-04得票数 1
回答已采纳
我是AngularJS的新手。我想为输入设置验证，比如最小长度为5，最大长度为6。
我必须将设置为5到6位数字，只有进入我的文本框。
为此，我使用了下面的代码，但它不起作用。
<div class="input-wrap lg-input">
<input type="text" name="num" class="form-input" placeholder="Enter 5-6 digits" ng-minlength="5" maxlength="6"
浏览 4提问于2016-12-02得票数 1
回答已采纳
1回答
我从AngularJS开始，试着用角来得到它的值，但是它不起作用。
<div id="app_container" ng-controller="ArticlesController as control">
<select name="sortby" id="sortby" ng-model="sortBy"> {{sortBy}}
<option name="Date" value="Date">Date</option>
浏览 1提问于2018-11-17得票数 0
回答已采纳
1回答
我在我的网站上使用了以下代码。一切正常，但是每当我在第一个select中选择一个值时，第二个select总是将所选值作为A返回，即使我在第二个select中选择了B。有人能告诉我问题出在哪里吗？
<span ng-show="a.Action">Called</span><select name="First" form="{{a.ID}}" ng-model="Calling" ng-show="!a.Action">
浏览 5提问于2017-07-05得票数 0
我有一个ng-repeat表单。当表单提交时，我希望禁用提交表单输入。
我面临的问题是当我提交表格的时候。它禁用所有的表单输入，永远不回启用。
请看一下这个。
或者下面的代码片段。谢谢
在JS中
$scope.newDatas = {
a1: 'a',
a2: 'b'
}
$scope.send = function() {
$scope.isDisabled = true;
setTimeout(function() {
alert('done');
$scope.isDisabled = false;
},1000
浏览 1提问于2013-10-05得票数 0
回答已采纳
有人能解释一下为什么Angularjs ngIf指令像false那样读“f”和“F”
不起作用的简单示例：
<input type="text" ng-model="test" />
<div ng-if="test">{{test}}<div>
如果你把'f‘或'F’放在div中没有显示，任何其他字母或正弦都可以。
演示：
浏览 5提问于2014-01-25得票数 9
回答已采纳
我有一个ng模式来执行特定的格式(例如，IP v4地址)：
<input ng-model="ip"
ng-pattern="/(([2][0-5]{2}|[2][0-4]\d|[01]?\d{0,2})\.){3}([2][0-5]{2}|[2][0-4]\d|[01]?\d{0,2})/">
</input>
数据来自DB，但假设需求是不断变化的，现在应该存储IPv6。我本来希望修改正则表达式，但它删除了输入的内容！检查这个柱塞(在其中可以看到丢失内容的效果)：
这与将输入切换到必需的输入类似，我只需要用户遵守新的规则
浏览 4提问于2014-04-02得票数 0
1回答
在我们相当复杂的表单中，我发现在没有实际更改的情况下应用了ng-dirty标志。我最初认为问题出在输入文本的占位符属性上，但现在即使删除了该属性，在没有任何更改的情况下，该标志仍然处于设置状态。这是一种bug吗？若有，解决方法是甚麽？有问题的元素定义如下
<div class="form-group" ng-show="isNew">
<div class="controls">
<label class="control-label
浏览 0提问于2015-12-04得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
