AngularJS 1，传递按钮的值
AngularJS 1是一种JavaScript框架，用于构建单页面应用程序（SPA）。它是Angular框架的早期版本，提供了一种简化的方式来开发动态、交互式的Web应用程序。
传递按钮的值是指将按钮的值传递给其他组件或函数。在AngularJS 1中，可以通过以下步骤实现：
- 在HTML中定义一个按钮，并使用ng-click指令绑定一个函数：
- 在HTML中定义一个按钮，并使用ng-click指令绑定一个函数：
- 在控制器中定义一个函数，用于获取按钮的值：
- 在控制器中定义一个函数，用于获取按钮的值：
通过上述步骤，当用户点击按钮时，将调用getValue()函数并获取按钮的值。在函数中，可以对按钮的值进行处理，例如将其传递给其他组件或函数。
对于AngularJS 1的推荐腾讯云产品和产品介绍链接地址，由于要求不能提及具体的云计算品牌商，无法给出相关链接。但是，腾讯云提供了一系列云计算服务，包括云服务器、云数据库、云存储等，可以通过腾讯云官方网站获取更多信息。
相关·内容
我试着用AngularJS和Bootstra3做一件简单的事情。我现在正在学习，我试着这样做，我搜索了一下，却找不到任何结论。
我有一个带有3个不同按钮的HTML页面。每个按钮都将我们重定向到另一个相同的页面。我想根据我使用的按钮向这个页面发送一个不同的值。
我读过这个线程
但我不确定这是不是最好的方法。
<ul class="list-inline">
<li ui-route="/signup/role1">
<a href="#!/signup/role1"><button
浏览 0提问于2014-11-14得票数 0
回答已采纳
1回答
嘿，伙计们，我正在尝试创建一个可折叠的面板:所以应该有面板标题和面板主体来显示内容。单击的行为是，当按下按钮时，内容将崩溃，如果单击相同的按钮，则内容将关闭。如果单击第二个按钮，则第二个按钮将折叠第二个按钮的内容，而第一个按钮折叠将被关闭。基本上应该工作像一个可折叠的面板(引导)，但发展只有角。到目前为止我已经做过了，但是我是初学者，所以如果你能帮我.
<body ng-app="app">
<div ng-controller="Test" class="container">
<div class=&#
浏览 1提问于2017-03-30得票数 2
回答已采纳
1回答
我在一个大型项目中使用旧的AngularJS 1.5.11，并试图使用指令清理我的模板。
我有一个编辑按钮指令，其中我想要通过ui-sref，但是当我这样做时，我会得到错误。
Error: [$parse:syntax] Syntax Error: Token '}' not a primary expression at column 6 of the expression [{id: }] starting at [}].
这是我的指示
editButton = ->
return {
restrict: 'EA',
scope:
浏览 0提问于2019-04-16得票数 0
2回答
我有我的代码，当你点击“添加用户”按钮时，屏幕上会出现一个弹出窗口，然后我可以在输入字段中输入数据。单击"Save“按钮后，数据将显示在页面上(表中)。我也有一个“编辑”按钮，允许我编辑这些字段。我的问题is...How启用了编辑按钮，这样当我点击它时，我就会得到弹出窗口，然后从那里进行编辑？这意味着当我单击“编辑”按钮时，我应该得到前面输入的数据的弹出窗口。谁来帮帮我。非常感谢。
这是我的密码：
var App = angular.module('App', ['ui.bootstrap'])
App.controller('mainCont
浏览 3提问于2015-11-19得票数 0
回答已采纳
尝试在单击按钮向用户显示消息后显示对话框。我的html：
<md-toolbar layout="row" id="header" class="md-toolbar-tools" ng-controller="topbarCtrl as ctrl">
<span flex="15"><img src="assets/imgs/logo.svg" id="logo" ui-sref="sois"></span>
<
浏览 16提问于2017-06-30得票数 0
回答已采纳
1回答
我有以下单选按钮：
<input type="radio" ng-value="option.text" ng-model="selected.value" name="option" ng-checked="poll_post.poll_option_id == option.id">
我已经检查过了poll_post.poll_option_id和option.id是相等的。因此，ng-checked内的表达式被求为true。但在视图中，没有选中该选项。我做错了什么？
浏览 2提问于2015-11-06得票数 1
回答已采纳
2回答
实际上，我不确定问题的标题应该是什么，因为我不清楚我错过了什么。
我已经将其归结为一个非常简单的示例(实际情况更为复杂)。我在一个ng-switch里面有一个文本框和一个按钮。开关，我已经读过，创建它自己的本地作用域。
我要做的是，当按钮被单击时，将文本框的值传递给一个函数。在函数中，我将对该值执行需要执行的操作，然后清除文本框。我正在努力寻找正确的方法来做这件事。
控制器代码：
$scope.temp = 1;
$scope.tempCall = function (tempModel) {
tempModel = ""; //this doesn't wo
浏览 0提问于2013-06-13得票数 2
回答已采纳
1回答
我正在实现一个示例应用程序，并且我需要实现一个类似于Twitter中的follow按钮。
我已经对按钮进行了如下编码，
<button class="btn pull-right{{setButtonStyle(S.Id)}}"
ng-class="{true:'btn-primary', false:'btn-secondary'}[!S.isFollow]"
ng-click="toggleFollow(S.Id)"> {{!S.isFollow && 'Follow
浏览 0提问于2016-09-02得票数 1
我是AngularJS的新手。我已经创建了<li>，我使用ng-重复。
<li>包含像、注释和共享之类的图像和按钮，它们位于<li>内部，由ng重复创建。
我已经做了功能，它将取代空的喜欢按钮填补喜欢按钮(通过改变按钮的背景图像)。但问题是，这个触发器只适用于首先类似的按钮和其他按钮不改变。
我怎么才能解决这个问题？
代码: HTML：
<html>
<body>
<ul>
<li ng-repeat="media in images"><div class="imgsub"
浏览 0提问于2017-08-06得票数 0
回答已采纳
4回答
在我的AngularJS项目中有以下几行代码。
<div ng-show="update">
<table border="1">
<tr ng-repeat="x in names">
<td>{{ x.uname}}</td>
<td>{{ x.upass}}</td>
<td><button ng-model="index" ng-click="show()&#
浏览 4提问于2015-08-11得票数 0
回答已采纳
我很难理解AngularJS中数据绑定和服务是如何工作的。我有一个控制器和一个服务。
我的服务：
myAppServices.factory('SharedData',['$http',function($http){
var _data = {
"first_prop" :{
"name": "first_prop",
"info": "infofirst_prop"
},
&
浏览 3提问于2014-11-19得票数 1
回答已采纳
我有几个按钮，这个id是由我ajax提供的数据提供的，每个id都是不同的。
<a href="#" class="btn btn-primary likes" id="{{data.id}}" role="button" ng-click="likes()">XXX</a>
单击按钮时，如何检测该按钮的id？
浏览 2提问于2014-01-22得票数 0
回答已采纳
1回答
我两天前才开始学习AngularJS，所以如果你认为我没有以一种角度的方式来处理这个问题，那么请引导我。下面的代码是我的HTML的一部分，它有ng-重复指令。
<div class="row" data-ng-repeat="button in buttons" ng-if="$index % 3 == 0">
<div class="col-lg-3 col-lg-offset-1">
<button class="btn btn-default button-width&
浏览 2提问于2015-09-14得票数 4
回答已采纳
1回答
有没有办法在AngularJS模板中添加新的作用域？
<button ng-click="modifier + 1 if inactive or modifier - 1 if inactive">{{someNumber + modifier}}</button>
基本上，按钮将具有“活动”状态或“非活动”状态。
在“活动”状态下，修改量会增加，在“不活动”状态下会恢复到正常状态。
但是假设我有100个这样的按钮。我可以让变量像modifier 1，modifier-2，....但这不是最佳实践。
我如何在这个模板中创建一个新的作用域，这样我就可以在1
浏览 2提问于2017-08-10得票数 0
1回答
我只是编写了这个简单的指令，以便在远程操作时显示按钮上的旋转器：。
html：
<!DOCTYPE html>
<html ng-app="app">
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<script src="https://ajax.googleap
浏览 2提问于2015-12-13得票数 0
回答已采纳
因此，我开始学习AngularJS，我有一个问题，为什么我需要为特定的函数调用$index，而不是更简单的代码。这是代码：
<div ng-app="myApp">
<div ng-controller='MyController'>
<div ng-repeat="people in peoples">
{{people.name}}
<button ng-click="addONe($index)" class="button">
浏览 2提问于2015-07-07得票数 2
回答已采纳
我在html中有一个下拉并应用按钮，在我的ts文件中，我已经声明了apply()函数和数组。我能够显示下拉列表的值在我的前端，但当我点击应用按钮，我没有从下拉菜单中得到选定的值。我现在使用一个lert框来显示所选的值。
<div class="form-group">
<label for="inputdefault" class="control-label col-sm-2">Portal:</label>
<div class=&#
浏览 3提问于2017-02-08得票数 0
回答已采纳
我是角的初学者，我不知道如何得到属性值。举个例子，我有一个带有值属性的按钮，当我调用一个函数时，我想要得到这个值，在这个例子中，函数changeArea，下面是代码。
在本例中，我希望得到value属性的值，即0。但我不知道怎样才能进入它。
<button class="btn btn-{{ (gesture.area_id == '0') && 'primary' || 'default' }}"
type="button"
value="0"
浏览 3提问于2014-04-24得票数 0
回答已采纳
1回答
动态AngularJS滤波器
、、、、
我有一个动态导航菜单，它对应于传递给创建表的各种过滤器，根据按下哪个按钮过滤表中的内容。
$scope中有一个名为$scope.uniqueFilter的变量。选择的过滤器取决于按下的按钮。在链接的ng-click上，我定义了一个函数，它接受按钮参数的输入，将其传递给这个函数，然后将$scope.uniqueFilter设置为等于按钮的特定过滤方法。
Onclick，我已经能够按预期传递所需的筛选器，但是它们不仅不应用于内容，而且完全阻止了表的创建。
我要重复的行的内容如下所示：
<tr class="progress" ng-repeat="idea in id
浏览 3提问于2014-06-10得票数 2
回答已采纳
我在AngularJS中有一个简短的表格。我使用来显示性别和验证它们的单选按钮，问题是我想要获得选中的单选按钮的值，并使用ng-model将其打印出来。如何才能做到这一点？
浏览 1提问于2014-01-30得票数 5
我有一个指令，在其中我添加了一个按钮和一个ng点击按钮。我的指令代码是
AppDirectives.directive(
'feed',
function() {
return {
restrict : 'AE',
scope : {
feedMsg : '@feedText',
浏览 8提问于2013-12-19得票数 4
回答已采纳
我正在研究AngularJs(1.x)，我动态地创建了单选按钮。单选按钮下面有一个“提交”按钮，它将选定的值发送到后端。
但问题是，我总是得到“未定义”作为选定的单选按钮值在我的控制器。你能告诉我哪里出了问题吗？
下面是我的HTML代码：
<table>
<tr ng-repeat="detail in details">
<td><input type="radio" name="userinputs" ng-model="selectedVa
浏览 0提问于2018-06-14得票数 0
2回答
我有一个简单的html表，用于名称中的每个x。X表示一个具有几个属性的对象。因此，这个表的一行填充了: Name、id等等。我还得到了每一行(对象)一个按钮。但我怎样才能查看按下的按钮呢？我如何从这个按钮中得到一个值？例如，有一行的名称: Michael，id: 1和一个按钮。如果我按下按钮，我想在我的app.controller中使用id:1的变量。
HTML代码
<ul>
<li ng-repeat="x in names | filter:name">
<div id="kartei">{{ x.
浏览 4提问于2016-06-07得票数 0
回答已采纳
我有一个自定义指令，它充当一个小部件，包含基于setting中传递的参数的按钮列表。
设置传入ng-重复
$scope.btnGroup = [{"name":"toggle 1"},{"name":"toggle 2"}];
<div ng-controller="toggleButtonController" ng-init="init()" id="parent">
<div ng-repeat="btn in setting" style=
浏览 0提问于2018-03-30得票数 0
回答已采纳
2回答
我在AngularJS中遇到了存储到本地存储的问题。我正在开发一个使用离子框架的电子商务移动应用程序，并使用ng-repeat显示产品数据。每个ion-item都有产品详细信息和一个与TodoController.On中的addItem()相关联的按钮。单击该按钮，产品数据就会存储到本地存储中。然而，问题是，每当我单击一系列按钮时，只有被单击的最后一个产品会存储在本地存储中，而前一个单击的按钮的数据不会存储在本地存储中。
<a class="item item-thumbnail-left" href="#">
<img ng-
浏览 2提问于2015-09-26得票数 0
2回答
我尝试在angularjs中将值从一个表格传递到另一个文本框。当我点击“传递值”按钮时，值应该是传递的。有人能帮我吗？我的代码分享如下：
angular.module('app', [])
.controller('controller', function($scope) {
$scope.array = [{
id:1,
name: 'name1',
address: 'address1'
}, {
id:2,
name:
浏览 4提问于2015-07-28得票数 0
我正在从view1中按一下按钮传递数据，现在我希望将这些数据传递给另一个视图(view2)。我正在按一下按钮调用另一种状态。请给我一些光，我怎么能传递数据？
$scope.getSample=function(){
$scope.spreadsheet=$scope.SpreadsheetLists.name;
$scope.worksheet=$scope.SheetList.properties.title;
$state.go('view2');
};
浏览 0提问于2017-05-05得票数 1
回答已采纳
我有一个AngularJS应用程序，我认为它在本质上是相当典型的(与许多例子相似)。
<html ng-app="myApp" ...
<body>
...
<div class="main" ng-view></div>
...
我用大量的$routeProvider设置了一个when，将用户引导到视图(带有控制器的模板部分)，例如：
$routeProvider.when('/incident/:identifier', {templateUrl:'incident.html&
浏览 4提问于2013-09-24得票数 3
这是我的代码。
.state('appSetting.studentList', { url: '/student', views: { 'list@appSetting': { templateUrl: appUrl + '/Student/List', controller: 'StudentCtrl' } } })
.state('appSetting.studentList.details', { url: '/:studentId', vie
浏览 0提问于2016-03-08得票数 0
我正在尝试使用AngularJS切换菜单项。我试图理解我做错了什么，因为下面这些都不起作用。
<div ng-controller="firstController as firstCtrl">
<button type="button" class="btn btn-default" aria-label="Menu" ng-click="firstCtrl.toggle(firstCtrl.navOpen)">
<span class="glyphi
浏览 0提问于2015-11-05得票数 0
回答已采纳
3回答
我有几个有一定价值的单选按钮。我试图实现的是，在选择某些单选按钮时，它的值应该相加并显示为合计。
下面是我的AngularJS指令和控制器代码：
angular.module('mapp',[])
.controller('ctrl',['$scope',function($scope){
$scope.items = [
{'Id':1, 'Cost':100},
{'Id':2,'Cost':200}
];
浏览 0提问于2015-02-20得票数 1
我有json档案
{
"cpu":[
{"code":"CPUB028","name":"Block CPU EK Supre","price":"1.789.000"},
{"code":"CPUIT5","name":"CPU INTEL CORE I5","price":"8.789.000" }
],
浏览 1提问于2017-03-22得票数 0
回答已采纳
1回答
我试图在点击map按钮时更新一些数据，但是ng单击功能似乎不起作用。下面是我的密码。
<textarea id="xmltest" class="form-control" style="margin-top:2%; width: 60%;" rows="10" >
Resulting definition:<![CDATA[<?xml version='1.0' encoding='UTF-8'?>
<ColumnMapping>
{{resul
浏览 2提问于2016-09-27得票数 1
回答已采纳
1回答
如标题所述，我正在尝试将一个值(ID)从一个控制器(PerksApprovalController)传递到另一个控制器(PerksDetailsController).请找到下面的图片，以供视觉参考。
我想要做的是，当我单击"Show “按钮时，它会将我重定向到另一个页面，以显示我传递的控制号码的详细信息。
以下是我的执行情况。
显示详细信息按钮代码
<button class="btn btn-xs" ng-click="vm.showDetails(p.ControlNumber)">Show Details</butto
浏览 5提问于2016-11-24得票数 1
我在angularjs的帮助下创建了一个网络应用，
在我的一个按钮上，我通过angularjs调用一个web服务。
[WebMethod]
[ScriptMethod(UseHttpGet = true)]
public void getuprec(string id)
{
List<object> selectrecd = new List<object>();
SqlCommand cmd = new SqlCommand("select * from erp_admin.CompanySonVinU
浏览 3提问于2016-11-17得票数 0
回答已采纳
在Mvc视图中，我有：
<button ui-sref="edit({parameter1: 'value'})">
在.js文件中：
angular
.module('caseApp', ['ui.router', 'ngResource', "kendo.directives"])
.config(
function ($stateProvider, $urlRouterProvider)
{
$
浏览 1提问于2015-09-21得票数 0
回答已采纳
2回答
我的表格有问题。我想制作标准的PHP，但是AngularJS阻塞了“提交”按钮。
当我单击"Submit“按钮时，它会返回控制台中的一些错误。记住我不想动态地提交。
错误是：
名称=‘’的无效窗体控件不可聚焦。
这个例子
<body ng-app="mainApp">
<form action="post.php" method="post">
<div ng-controller="MainCtrl">
<label for
浏览 0提问于2018-02-18得票数 1
回答已采纳
我的AngularJS中有一个带有编辑按钮的页面，当我单击编辑按钮时，我需要在另一个选项卡上打开编辑页面。可以使用角度方式吗？我需要使用相同的控制器才能访问数据。我怎么可能做到这一点呢？有没有人能给我一个样品？
浏览 3提问于2017-09-05得票数 0
2回答
我有一个列表，您可以使用一个简单的add函数来添加图像。
我现在需要一个选项来删除列表中的图像。
我有一个简单的按钮和一个函数，我相信，无论我是谁，得到一个错误。
误差
TypeError: Cannot read property 'slots' of undefined
问题
如何修复删除按钮，以便从列表中删除图像。
添加函数正在工作，如何修复移除按钮。
<div ng-repeat="campaign in campaigns" class="campaign-container">
<div class=
浏览 3提问于2017-09-29得票数 0
回答已采纳
1回答
我正在处理一个带有离子的angularjs列表，我希望每个项目都显示选项。通过这里可以，但当我点击一个选项，我想再次关闭按钮--我如何在我的控制器做到这一点？
$scope.listButtons = [{
Text: "Download",
Type: "button-assertive",
onTap: function(file){
//after tap hide buttons code here..
}
我试过了
File.hide();
和
this.hide();
但仍然无法隐藏
浏览 0提问于2014-02-10得票数 1
我的angularjs应用程序中有一个带有许多嵌套对象的表单。我需要查看其中一些嵌套字段以进行更改。
我有一个销售订单，其中有一个名称和一系列的项目。每个项目都有一个子项目数组和一个时间表数组。我想看一些使“总价”变得肮脏的房产。例如，数量、折扣和进度数据(不包括时间表名称)需要计算新的价格(通过ajax)。我想在根范围"_priceDirty“中设置一个标志，以显示一个刷新价格的按钮。当我向项目添加项或添加子项或计划时，也会出现同样的情况。
我怎样才能正确地观察这些属性呢？对SalesOrder进行深度监视是很重要的，我需要自己检查哪些字段更改了，因为如果只更改了名称或描述，我就不想
浏览 1提问于2015-06-30得票数 1
可能是一个非常简单的问题，但我似乎找不到一个有效的答案。我试图通过单击一个函数revealNumbers来传递按钮内的{{data}}。
<button class="select" ng-click="revealNumbers(firstNumber)">{{firstNumber}}</button>
<button class="select" ng-click="revealNumbers(secondNumber)">{{secondNumber}}</button>
控
浏览 12提问于2017-02-24得票数 0
我只想通过点击一个按钮来删除表格中的一行。我做了这样的事
.controller('removeInput' , function($scope, $http) {
$scope.remove = function(index){
var inputId = {'inputId': $scope.inputId};
$http.delete(baseUrl + '/input/' ,inputId, _auth)
.success(function (){
console.log(&
浏览 0提问于2015-07-16得票数 0
回答已采纳
1回答
返回页面时表单值丢失
、、、
我有个问题。
我正在建立一个有多个页面的网站。
在页面中有一个表单(其中有一些AngularJS )，当用户单击submit按钮时，会出现第二个页面，确认表单提交。
当用户单击此back按钮时，表单页面将再次显示，但所有字段均为空白(页面似乎已完全重新加载...)。无论如何，对于没有AngularJS的其他形式，这种机制工作得很好……
怎么了？
谢谢！:-)
PS:不管怎样，表单页面有检查，如果有任何错误都会禁用提交按钮，尽管我不明白为什么当用户通过后退按钮返回页面时页面会重新加载，而对于其他表单则不会发生这种情况……
浏览 3提问于2014-09-26得票数 1
我一直在尝试自学JavaScript和AngularJS，所以请原谅任何愚蠢的错误，错误的术语，或者我可能以完全错误的方式来处理这个问题。如果之前已经发布了解决方案，我也很抱歉，但经过不懈的搜索，我什么也找不到。
我正在使用AngularJS将故事书组合成一个单页应用程序。最初的几个div通过索引计算来动态地输入和输出，其中包含几行静态html，但然后读者可以通过单击四个按钮中的一个来选择故事将采用的四条路径中的一条。
为此，我设置了四个JSON文件，它们将根据单击按钮动态加载。例如，如果读者单击巧克力冰淇淋按钮，则加载的chocolate.json文件和故事的其余部分将是关于巧克力冰淇淋的。
浏览 0提问于2015-11-18得票数 3
3回答
考虑以下两个div区域，在html文件中
<div class="divArea1" ng-controller="myController">
<input ng-click="updateName()" type="button" value="button"/>
</div>
<div class="divArea1" ng-controller="myController">
<p>{{name}}<
浏览 4提问于2015-10-30得票数 1
回答已采纳
3回答
我有这样的示例代码：
Html代码：
<body ng-controller="MainCtrl">
<form name="myForm">
<input name="myText" type="text" name="test" ng-model="mytext" required />
<button ng-click="save()" ng-disabled="myForm.$invalid&#
浏览 5提问于2016-12-18得票数 4
回答已采纳
如何从视图访问位于angularjs的工厂的$scope数据？我可以从我的控制器访问$scope.items，但是当我需要在工厂中使用它来使用数据并生成一个pdf时，我无法访问它。
angular.module('myApp', [])
.controller('myCtrl', function($scope, $http, testFactory) {
$scope.link = "http://localhost:3450/loading.html";
testFactory.all().then(
func
浏览 1提问于2016-11-04得票数 0
回答已采纳
我想开发一个像这样的angularui。当我点击submit按钮时，我想调用一个由某个人开发的restful When服务。我的用户名和密码已经在restful风格的and服务中实现了。当我请求restful webservice时，它会验证我的用户名和密码。如果成功，它将显示我的数据。如果不成功，将显示登录失败信息。
情况1:在html文件中，我硬编码了我的用户名和密码。在这种情况下，我可以向case风格的get服务发送请求，但无法从他的机器获得响应
案例2:我的问题是如何将我的值绑定到url。我在这里发送我的代码。有人能帮我吗？如何将我的值绑定到url以及如何处理响应。
用户名:一个文本框
浏览 1提问于2014-11-11得票数 0
2回答
我想动态地为在contenteditable div中创建的每个段落创建一个按钮。我想了很多，想不出一个好的解决方案。我想的是
将按钮和段落放在一个指令中，让内容可编辑，每次用户点击返回时添加一个新的<button+p>标记。这样做的好处是使按钮和段落同时使用相同的控制器，但它将按钮保留在内容可编辑的div中，以便可以删除.
使用Model来维护div中所有段落的数组，然后为这个数组中的每个段落创建按钮。我在这里的问题是:如果我用新段落更新模型，按钮会自动生成吗？如果我用.重复？
我有点不知所措，无法找到最好的方法来解决这个问题。我应该试着把按钮和段落放在一起吗？或
浏览 3提问于2017-05-03得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
