Ng-单击不是最新的？
Ng-单击是Angular框架中的一个指令，用于处理用户在页面上的单击事件。它可以绑定到HTML元素上，当用户单击该元素时，会触发绑定的事件处理函数。
Angular是一个流行的前端开发框架，它使用TypeScript语言进行开发。Ng-单击指令是Angular框架提供的一种方便的方式，用于处理用户交互。
Ng-单击指令的优势在于它可以简化开发过程，提高代码的可读性和可维护性。通过使用Ng-单击指令，开发人员可以将事件处理逻辑与HTML模板分离，使代码更加清晰和易于理解。
Ng-单击指令的应用场景非常广泛。例如，在一个按钮上绑定Ng-单击指令，可以实现用户单击按钮时触发某个操作，比如提交表单、打开弹窗、发送请求等。另外，Ng-单击指令还可以与其他Angular指令和组件配合使用，实现更复杂的交互效果。
对于腾讯云的相关产品和介绍链接，由于要求不能提及具体品牌商，可以参考腾讯云的官方文档和网站，了解他们提供的云计算服务和解决方案。腾讯云提供了丰富的云计算产品，包括云服务器、云数据库、云存储、人工智能等，可以根据具体需求选择适合的产品。
请注意，以上答案仅供参考，具体的答案和推荐产品需要根据实际情况和需求来确定。
相关·内容
请看下面的柱塞，它是一个带有ng网格的简单应用程序。我需要做的是在单击编辑按钮时导航到编辑页面。所发生的事情不是进入网格中的编辑页面列，而是搞砸了。有人能解释一下为什么会发生吗?我能做些什么来纠正它。
浏览 6提问于2014-04-24得票数 1
回答已采纳
4回答
我有一个使用ng-重复显示在表中的项数组。单击某个项时，将从服务器中提取该项，然后应使用更新的项更新表。
函数在单击表中的项时获取更新的项：
$scope.getUpdatedItem = function(item){
itemService.getItem(item).then(
function(updatedItem){
item = updatedItem;
},
function(error){
//Handle error
}
);
};
我用以下方式显
浏览 6提问于2015-04-29得票数 15
回答已采纳
3回答
因此，基本上，我使用ng-重复创建了这个菜单，它在数组中显示一个对象字段。然后，当我单击其中一个显示的字段时，我想再做一个ng-重复，这将把其他字段推到下面。我只想激活这第二个ng-重复点击和撤销，如果用户再次点击。也就是说，ng-重复只会在用户单击按钮后发生.
知道我该怎么做吗？
<div ng-repeat="collection in library" ng-click="setCollection(collection)">
<li class="list-group-item">{{colle
浏览 7提问于2017-08-25得票数 1
回答已采纳
1回答
下面的代码用于两个过滤器。但是，当您单击其中一个过滤器中的“清除”按钮时，两个过滤器都会被清除。是否有一种方法可以使用“清除”属性，以便只清除单击的筛选器？
<div class="filter-item" *ngFor="let datum of data" [ngClass]="{'select-filter': selectedItem && selectedItem?.label}'>
<div class="title">
<span>{{
浏览 2提问于2022-06-17得票数 2
3回答
我使用的是angular的typeahead，但在使用ngModel时遇到了麻烦。
这是我的typeahead html
<input
type= "text"
ng-model= "symbol"
placeholder= "begin typing"
typeahead= "hit.message for hit in getTypeAheadContents($viewValue)"
typeahead-loading= "loadingSymbols"
浏览 0提问于2014-10-22得票数 4
我不知道为什么会出错。当您在ng-repaet中运行ng-单击时，就会发生未登录的ReferenceError。您确定不知道没有发生单击事件的原因吗？
test.js
var MyApp = angular.module('MyApp', []);
MyApp.controller('MyCtrl', ['$scope', function ($scope) {
$scope.add = function() {
alert("add click");
};
$scope.list =
浏览 2提问于2014-11-06得票数 0
回答已采纳
我用最少的代码在上复制了这个问题。
步骤1:单击文本
第2步:关注文本字段
步骤3:键入enter并检查控制台是否存在此错误
错误: ExpressionChangedAfterItHasBeenCheckedError:表达式检查后发生了更改。以前的价值：“ng-未触及:真”。现值：“ng-未触及:假”。
浏览 2提问于2019-07-04得票数 16
回答已采纳
2回答
这是我的角码..。(描述我所遇到的问题是，对按钮重复的嵌套ng重复是所有列出的“作业”的行为(单击时)。
<div class="row" ng-repeat="job in jobs">
<div class="btn-group btn-group-justified" role="group">
<div class="btn-group" role="group" ng-repeat="status in
浏览 4提问于2015-11-23得票数 2
回答已采纳
3回答
我试图有一个图像网格，当点击该图像是隐藏的网格，并显示在顶部的特色。
HTML：
<div ng-controller="imageCtrl">
<div class="row">
<img ng-show="selected" src="{{selected.img}}" alt="">
<p ng-show="selected">{{selected.des}}</p>
&
浏览 0提问于2014-05-10得票数 2
1回答
我正在尝试获取当单击一个框时所创建的输入的值。这些输入在ng-重复内部。我试着在ng-点击内发送项目，但由于它在ng-重复之外，它将无法工作。我似乎不知道如何得到每个输入的值。任何帮助都是非常感谢的！
<div class="tagBox" ng-repeat="item in inputs">
<input ng-model="itemValue"/>
</div>
<span class="btn btn-link topic-link" ng-click="addI
浏览 0提问于2015-09-28得票数 0
1回答
`http://plnkr.co/edit/jj7LvmZ73MKUAdecQzpP`
请给我一个解决方案，应用CSS到一个选定的字段，而不是整个行ng-重复。
在ng-重复网格中，我正在使用强制输入字段进行表单验证。如果输入是空的，我想要检查模糊输入的值，并显示错误红色边框。但是当单个字段为空时，所有字段都会被高亮显示。因此，我想分别突出显示字段。
当我单击其他文本框时，边框正在消失。我希望边境线一直呆到满了，而不是空的。请引导我。你的帮助是非常可观的。
从获取源代码来演示我的问题。
浏览 1提问于2015-03-15得票数 1
回答已采纳
2回答
当我想使用ui-if (anguluarUi)与ng-重复(我认为这将是最有用的)，我得到一个错误：
Error: Multiple directives [uiIf, ngRepeat] asking for transclusion on: <!-- uiIf: oConnection.aOptions -->
有什么办法把这两者结合起来吗？
编辑：
<ng-repeat><div ui-if>...
不幸的是(暂时)是不可能的。
我知道我可以把ng-表演和ng-重复结合起来，但这不一样。
我也不想把ui-如果在重复之外，因为我想使用这个条件的重复值。
浏览 7提问于2013-03-10得票数 4
回答已采纳
我是AngularJS的新手，我在这里有个问题，我想这可能很简单，但我还不能把它击落
我有一个筛选器garageFilter，它从数组中搜索一个数字，然后，我通过inputtype:number字段创建了一个带有ng-重复的li标记动态。
每个li标记都应该有一个带有这个garageFilter过滤器的ng单击事件，当我单击这个li标记时，它必须根据过滤器中的项目号搜索一个元素。我已经使用视图中的li标记元素很好地运行了这个过滤器，但是这个元素不是像我所需要的其他元素那样动态地创建的。
<li data-ng-click="garageFilter={level:3}"&
浏览 1提问于2016-03-03得票数 2
回答已采纳
我有一个ng-重复与一个剪刀过滤器，包括/排除任务的基础上，他们的完整状态和用户的当前设置。我工作得很好，直到ng模型更改导致任务不再是筛选器的一部分时，它才会触发ng单击事件。
在以下特定情况下，“用户”设置将不显示已完成的任务。当复选框完成后，task.complete更改为true，这将导致从过滤器中删除它(到目前为止还不错)，但是ng单击上的toggleCompleteTask(user,task)不会触发(这将更新DB中的任务)。如果我首先更改用户设置以同时显示已完成和未完成的任务，则所有任务都可以正常工作，因此通过从筛选器中删除它就可以阻止ng单击。
如何从筛选器中移除并触发ng单
浏览 3提问于2016-04-21得票数 0
回答已采纳
1回答
我正在尝试使用ng-click对一个div使用ng- $index重复元素，如下所示：
HTML：
<div class="elementContainer" ng-repeat="element in elements" ng-click="elementUrl($index)">
<h2>{{ element.name }}</h2>
<p><strong>{{ element.description }}</strong></p>
</
浏览 2提问于2015-08-19得票数 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
回答已采纳
我有一个输入(下面的代码)，它有一个ng显示，当您离开该字段时，它是无效的。但是，我相信这会阻止我在下一个元素上单击ng键。当我专注于第一个输入并使用ng-click单击div时，在调用函数之前需要两次单击。
我想伸出援手，因为我不确定是否有办法解决这个问题，如果我能做些什么来阻止ng-显示“阻塞”我的ng-点击。
<label for="input-idNumber" id="id-number">Enter your ID number</label>
<input
id="input-idNum
浏览 5提问于2017-12-15得票数 0
1回答
我有一个正在填充ng-repeat的表。表有100行，如果单击任何行，新表就会显示出来，(用ng-show)对产品有更深入的描述。但是ng-repeat速度慢，产生了101个页面上的表，这降低了我的web应用程序的性能。是否有一种方法，仅当用户单击某一行( ng-repeat为真)时，才使用角(没有外部库)运行ng-repeat？
注意:每个隐藏的表都是唯一的。
这是我的html表：
<tbody>
<tr ng-repeat-start="car in sortedCarList" ng-click="showTable(car)"&
浏览 3提问于2014-10-08得票数 0
回答已采纳
在以下情况下，我有一个元素，它通过在其他元素中通过ng单击添加类。有些是在纳克-重复循环中，有它自己的范围.就像这样：<section id="sign-up" class="sign-up" ng-init="signUp = false"ng-class="{'active': signUp}">
触发单击类更改的元素使用此ng-click="signUp = !signUp"
它适用于不存在于纳克-重复中的任何元素。我怎么才能让它起作用？
浏览 6提问于2014-09-17得票数 0
回答已采纳
4回答
我目前使用的是角1.3.14，每当单击链接时，我都希望使用$http发出请求。我试图将$http请求放在一个服务中，这样它就不会绑定到任何一个控制器，并且可以被多个控制器访问。我创建了两个函数sayHello()和getData()。我希望每一个点击console.log。只有sayHello()函数可以，而不是getData()函数。我不明白的是。
为什么$http请求在加载时开火，而不是单击，而sayHello函数却工作得很好？
我如何修改我的代码，使其按预期工作？
var app = angular.module('myApp'，[]) .control
浏览 5提问于2016-03-24得票数 1
如果单击ng-重复中的任何按钮，我将试图隐藏div。然而，它似乎不起作用，它使我认为，如果ng隐藏或ng显示不起作用，如果它是控制在ng-重复？
<div data-ng-hide="showChooseHardware">
<table class="table">
<tbody>
<tr data-ng-repeat="hardware in hardwares">
<td>{{hardware.name
浏览 4提问于2015-02-01得票数 1
回答已采纳
1回答
我正在构建一个angularJS应用程序使用ng重复和ng点击相同的元素。我有一个数组的项目，我运行以创建一个按钮列表。这些项中的每一项都有一个属性类别，我想将其作为ng单击操作的参数传递。
到目前为止，我使用了以下代码：
<button type="button" class="btn btn-default" ng-repeat="job in jobs" ng-click="filterJobListings(job.category)">
{{ job.category }}
</button&g
浏览 4提问于2014-03-10得票数 1
3回答
尝试更改条件ng-单击，如果长度>1是可点击的，不要。
ng-click="filtered.length >1 ? 'false' : 'true' || showSomething($index)"
怎么啦？
浏览 1提问于2016-01-18得票数 1
回答已采纳
6回答
Ng-重复和Ng-角显示
、、、
我希望只显示ng-重复中的第一个元素，然后单击display元素。
我就是这么做的，但没有成功：
<button data-ng-click="term = !term">Show rest</button>
<div data-ng-repeat="y in mQues track by $index" data-ng-show="term" data-ng-init="term = $first">
...
</div>
它实际上只显示第一个，但按do
浏览 7提问于2016-02-16得票数 0
回答已采纳
我有一些ng-高图表在标签和折叠的部分在一个页面，一个也显示为下拉选择。所有的图表都需要符合其容器的大小(容器大小不同)。
其中一个图表上的xAxis标签添加了一个ng单击，它可以在加载时进行超时和编译，但是当调整图表的大小时，这些标签就会丢失。
需要全宽度图表以及所有隐藏在负载中的图表的响应行为，以及在调整大小后保持ng单击。
jQuery是用于此项目的而不是，因此需要一个角/本机javascript解决方案。
下面是一些当前问题的例子。
以下内容将更新图表的宽度，但会破坏所有已编译的ng-单击标签。
$scope.collapseClick = function() {
cons
浏览 2提问于2015-03-25得票数 0
回答已采纳
我在表行上有一个单击事件，在这一行中还有一个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
回答已采纳
在表单中，我有一个复选框输入，如果选中它，应该会显示另一个部分。
<input type="checkbox" ng-model="checkedSeries" ng-checked="expression"> This is part of a series.
<div ng-show="checkedSeries">
<input type="text"name="inputSeriesTitle" placeholder="Some Title
浏览 5提问于2015-02-19得票数 1
回答已采纳
在我的代码中，我正面临问题。
我的HTML片段是：
<form [formGroup]="personalForm">
<div style="background-color: gainsboro">
<div formArrayName="other"
*ngFor="let other of personalForm.get('other').controls; let i = index"
class="form-g
浏览 3提问于2020-09-17得票数 0
回答已采纳
1回答
在cellTemplate ng单击之后，我在使用ng-重复填充表时遇到了问题。
cellTemplate: '<div ng-click="foo()" ng-bind="row.getProperty(col.field)"></div>'
在这个foo方法中，我试图将结果传递到html页面。
$scope.results = $scope.source;
$scope.foo = function(ngClickResult) {
$scope.showNgClick
浏览 2提问于2015-07-02得票数 0
回答已采纳
4回答
每次单击复选框时，我都试图执行ng-change中的函数。，我需要得到模型的值，或者知道单击了哪个复选框，这样我就可以为选中的值调用另一个相应的函数，而且当打开复选框时，我可以保存一些值()。
不确定我使用的方法是否正确，但这是我的代码：
HTML
<input type="checkbox" ng-model="data.model" ng-change="onChnage()" class='checkbox'>
JS
$scope.onChnage = function(){
if($scope.ind
浏览 5提问于2016-10-19得票数 2
回答已采纳
我相信这也不难，但如果有人能帮我的话。
<form ng-submit="submit()">
<input ng-model="query">
<button type="submit" id="submit" value="Submit" >Search</button>
</form>
<div ng-repeat="x in friends | filter:query">
{{x.name}}
<
浏览 3提问于2014-12-03得票数 1
回答已采纳
3回答
我有一张地图上面有一些标记。在单击时，每个标记将打开一个覆盖-div。
<div class="map" ng-init="loadall()">
<a ng-click="details.show=!details.show" href="#/dealer/{{marker.id}}" class="marker" style="left:{{marker.coordleft}}px;top:{{marker.coordtop}}px" ng-repea
浏览 8提问于2013-01-14得票数 1
回答已采纳
我有一系列由ng-重复填充的列表项。可见性由一个简单的ng单击和ng显示关系控制.在大多数情况下，这是很好的工作，但我希望能够通过一个全局按钮来控制显示/隐藏行为，该按钮将显示或隐藏列表中的所有可用项。
公平地说:我还是AngularJS的新手。我知道这是一个范围界定的问题，但我不知道如何解决。几乎可以肯定的是，这是一个不知道该问的问题的情况。
我在这里做了一个小摆弄，证明了我的困难：
示例HTML：
<div ng-controller="MainCtrl">
<span ng-show="!IsVisible" ng-click=&#
浏览 3提问于2018-09-11得票数 2
回答已采纳
我试图通过单击按钮完成open类到nav元素的切换。下面的代码不会将open类分配给nav，也不会在取消单击按钮时删除open。
<nav class="slide-menu" ng-class="{'open': open, '': !open}">
<button class="slide-btn" ng-click="open=!open"></button>
我知道''这显然是错误的，因为它只是将文字赋值为类。
浏览 1提问于2014-06-19得票数 2
回答已采纳
2回答
Ng-显示未正确过滤
、、、
我试图删除我的清单，只希望它显示时，我选择一个选项。
我有这个片段，并尝试使用ng-show:selectedCompany
<tr ng-show="selectedCompany" data-ng-repeat="client in filtered = (clients | companyFilter:selectedCompany)">
当我单击所有选项时，它会正确地过滤，但当我单击其中一个选项时，它将不能正常工作。基本上，它应该显示json数据。
演示：
浏览 3提问于2016-01-23得票数 1
回答已采纳
我想知道是否有一种偏好使用ng-单击提交按钮或只是有一个ng-提交的表格？
我的假设是，我们应该在所有表单上使用ng-submit，并对任何不是表单的内容使用ng-单击。
我知道以下的不同之处：
ng-submit允许用户在将焦点集中在不单击ng键的表单上时按enter
ng-click可用于任何元素，其中ng-submit只能应用于表单元素。
我想知道是否有人可以在这个列表中添加其他内容，因为我想知道在一个角度的项目中，规范是什么。
浏览 2提问于2016-05-19得票数 3
index.html
<!DOCTYPE html>
<html ng-app="todoApp">
<head>
<title>To Do List</title>
<link href="skeleton.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></sc
浏览 2提问于2015-10-29得票数 0
回答已采纳
我从youtube的网页上下载了很多视频。我想用占位符替换div，只有当用户单击占位符图像时才请求视频。
我让这部分工作，它加载视频的ng-点击，但它加载所有的，显然。怎么才能加载被点击的那个呢？
这里是我的html在ng-视图和ng-重复：
<figure class=" img-responsive">
<iframe width="320" height="180" ng-src="{{item.VideoUrl | trusted }}"
frameborder
浏览 2提问于2015-09-25得票数 2
回答已采纳
我有一个从对象列表中填充ng重复标记的选择列表。每个对象的name属性都显示在标记中。在单击其中一个标记时，我希望使用ng-click调用函数，将这些对象的url属性作为参数传递。
填充部分工作正常，但似乎不太可能通过这个论点。下面是代码：
html：
<div ng-controller="TaskChartCtrl">
<select>
<option ng-repeat="project in projectList" ng-click="populateGraphs(project.url)"&g
浏览 1提问于2015-09-30得票数 0
回答已采纳
3回答
我希望使用can创建动态元素，触发ng单击事件，并希望使用DataTables来实现这一点，其中行是通过AJAX获得的，并且是动态创建的。问题是ng-click不是对那些行元素触发的。我用另一种情况重新创建了JSBin中的问题( DataTables部分并不重要)。
<div id="elements" ng-controller="TestController as controller">
<button ng-click='doSomething()'>This button will work</but
浏览 4提问于2015-07-05得票数 2
回答已采纳
3回答
我正试图在C#中为下面的场景编写一个selenium测试。
我需要能够按下表中某些记录上的撤销按钮，根据它们的传输类型。
但是，undo按钮由以下HTML组成
<a href="" style="vertical-align: middle" class="btn btn-primary btn-sm" ng-show="true" ng-click="executeUndoCommand(transfer)">Undo</a>
我可以选择多个撤消按钮，但我希望能够选择一个特定的撤
浏览 0提问于2018-07-10得票数 0
回答已采纳
1回答
我有一个按钮可以显示一个弹出窗口，其中包含从服务器加载的数据：
<button ng-click="main.getFieldDescriptions()" data-placement="bottom"
data-toggle="popover" data-container="body"/>
这是我想作为popover内容显示的一个元素：
<div id="field-descriptions" class="hide" style="width:500
浏览 0提问于2020-02-24得票数 0
回答已采纳
1回答
当单击编辑模式链接时，我试图显示一些编辑图标。到目前为止，我已经尝试了ng-单击ng类和ng-show，但它没有响应。
这是我的html：
<div click-to-edit="questions.n1.name" class="row question"></div>
<a href="" ng-click="editMode = !editMode">Enter edit mode</a>
以及单击编辑指令：
.directive("clickToEdit
浏览 1提问于2014-03-02得票数 3
回答已采纳
4回答
当用户单击图标时，我很难让ng显示正常工作。其行为应该如下:父div加载并显示某些内容。当用户单击play图标时，div的内容将被隐藏。然而，现在它似乎不起作用。见下面的代码：
<div class="col-sm-10 col-md-8 center-block" ng-show="showMe = true">
<div class="play">
<span class="icon_play" ng-click="showMe=false"
浏览 7提问于2014-11-05得票数 1
回答已采纳
4回答
HTML:
<div class="grid-style" data-ng-grid="groupGrid">
</div>
Javascript:
appRoot.controller('GroupController', function ($scope, $location, $resource, $http) {
var groupResource = $resource('/api/group', {}, { update: { method: 'PUT' }, add
浏览 0提问于2013-11-16得票数 2
回答已采纳
1回答
编辑ng-重复值
、、
我对天使很陌生。我正在尝试编辑$scope.works中的数据。我也尝试过xeditable，但实际上做不到。我知道这是件很简单的事。但你的回答会很有帮助。谢谢。
这是我的密码-
我的angular.js代码-
$scope.works=[{id:'01', position:'web designer' ,place:'Artle' ,month:'April',year:'2014',month1:'April',year1:'2015',city:'d
浏览 4提问于2015-06-17得票数 1
回答已采纳
我在kendo中工作&当我在HTML上给出一个ng-click选项时，我面临着一个问题，这个选项后来加载了。
在这里，我添加了一些与我所做的相关的代码：
HTML：
<div ng-controller="KendoCtrl">
<div class="show_html_here"><!-- Ajax inserts HTML here --></div>
</div>
HTML &ng-在红色框中单击，这是有效的：
<div ng-model="open_
浏览 7提问于2020-02-12得票数 0
回答已采纳
我是一天的学习角质。我可以使用$http.get检索数据，但我想知道如何在不使用ng-重复的情况下绑定数据(因为只有1项)
我的代码：
<html ng-app="league">
<snip>
<div ng-controller="LeagueController">
<div ng-repeat="y in gamedata">
<h2>Game Details</h2>
<p>
浏览 4提问于2015-05-01得票数 0
回答已采纳
2回答
角ng-视图或ng-包括不工作
、、、、
我一直在为学习全堆栈web开发(预览服务器)而在Coursera上学习一门课程，并且在ng视图和ng控制器方面遇到了一些问题。
当我打开我的网站时，我没有收到任何错误，但是ng视图或ng控制器似乎没有改变我的网站上的视图。
这是我的索引页：
<html lang="en" ng-app="confusionApp">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content=&#
浏览 1提问于2016-06-25得票数 0
回答已采纳
如何从ng单击函数中指向其他ng-重复元素？我想修改其他ng-重复元素的{nameClass}，从单击它们的某个人。
Html：
<li class="{{nameclass}}" ng-repeat="person in people" ng-click="somefunction()"></li>
javascript：
function somefunction(){
this.nameclass = "some";
//what to set the other classes?
浏览 2提问于2014-03-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
