如何在Angular 4中获取点击按钮的值
在Angular 4中获取点击按钮的值，可以通过以下步骤实现：
- 在HTML模板中，为按钮添加一个点击事件绑定，例如：<button (click)="getValue()">点击按钮</button>
- 在组件的Typescript文件中，定义一个名为
getValue()的方法，用于获取按钮的值：export class YourComponent { buttonValue: string; getValue() { this.buttonValue = "按钮被点击了"; console.log(this.buttonValue); } } - 在组件的HTML模板中，可以使用插值表达式或者属性绑定来显示按钮的值：<p>按钮的值：{{ buttonValue }}</p>
这样，当按钮被点击时，getValue()方法会被调用，将按钮的值赋给buttonValue变量，并在控制台打印出来。同时，模板中的插值表达式会将buttonValue的值显示在页面上。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）
相关·内容
2回答
我有一个图像上有一个假的播放按钮，我想打开一个全屏视频播放点击按钮。
我很确定我有本地文件里的视频。
我正在为我的网站使用angular，我不知道这是否可能。
谢谢你们，
Nam的
浏览 3提问于2015-11-28得票数 0
我正在制作一个有50个按钮的游戏，每个按钮都有一个颜色和id的身份。单击每个按钮时，颜色都会更改为已定义的颜色。如果用户点击第25个按钮，他就赢了。只有三次点击尝试。然而，我无法完成创建按钮的第一步。请帮帮忙。我使用angularjs1。
<html ng-app="Bluebox">
<head>
<title>BlueBox</title>
<script src="angular.js"></script>
</head>
<body>
浏览 0提问于2018-03-26得票数 1
我在angular上做了一个项目。我想播放按钮点击事件的小mp3文件，当用户点击UI上的各种按钮，音乐应该播放的基础上选择的按钮。我想预先加载所有的音乐文件，这是在mp3格式，我的用户界面应该是可见的屏幕上，只有在mp3文件加载在角度。我该怎么做呢？
提前感谢
浏览 53提问于2019-10-24得票数 1
回答已采纳
如何使用angular中完成的rxjs来限制用户多次点击保存按钮并多次发送请求。
假设此调用是由表单上的按钮单击触发的。许多人仍然双击这些按钮，我们肯定希望阻止2个调用被发送到我们的后端API。
我的代码如下。谢谢你的帮助。
代码
save(): void {
const create = this.requestFormService.createRequestData(this.form, this.respondents)
.subscribe(
(results: FeedbackRequest[]) => {
this.h
浏览 0提问于2020-05-07得票数 1
我有这个html按钮：
<button ion-button class="button icon ion-home" round (click)="getColor()" id="one">0</button>
当这个按钮被点击时，我需要获取它的值(在本例中为‘0’)。
下面是我的angular代码：
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
@Co
浏览 0提问于2018-01-15得票数 2
我想知道我们是否可以像popver一样做一个有角度的材质对话框。例如，通过从视图和对话框的点点击按钮的所选位置。 这是角度材质对话框当前行为 ? 这就是我正在寻找的行为。 ? 参考：https://material.angular.io/components/dialog/overview
浏览 78提问于2020-06-29得票数 0
我有两个按钮，每个按钮都有ng点击事件，点击事件调用一个方法，这个方法有一个参数。
我希望通过HTTP从AngularJS控制器将参数的值传递给服务端。
AngularJS函数CustomerGender(索引)，我希望将索引值传递给服务。
<div ng-app="Customer" ng-controller="CustomerCtrl">
<button ng-click="CustomerGender('Male')">List of Male Customers</button>
浏览 4提问于2016-01-25得票数 0
1回答
历史(推状态)向前/向后按钮不工作的角2路由器，我已经测试了这一点在Chrome和火狐。前进按钮永远不会工作，向后按钮只工作2个步骤，而UI没有根据后向按钮做出响应。
我有如下代码。
app.component.ts
import { Component } from '@angular/core';
import { ROUTER_DIRECTIVES, Routes } from '@angular/router';
import { CrisisListComponent } from './crisis-list.component';
浏览 1提问于2016-05-12得票数 4
回答已采纳
2回答
我是这样做的：
RemoteViews views = new RemoteViews(..);
views.setOnClickPendingIntent(R.id.button1,pd);
noti.contentviews = views;
然后通知通知。我可以在通知中看到该按钮，但无法单击该按钮。当我点击按钮时，整个通知都被点击了！我该如何解决这个问题？我发现到处都是这个，但没有找到有用的东西。有人说，有些手机不支持通知按钮，但三星galaxy s，音乐播放器的通知按钮点击事件。
浏览 0提问于2011-09-07得票数 1
回答已采纳
我在angular 4上工作，我正在尝试实现这样的功能，我可以通过点击十字按钮来删除标签。下面是我的代码：
Component.hmtl
<ul id="ul_top_hypers">
<li *ngFor="let hero of technologies">
<span class="badge badge-pill badge-primary" >{{ hero }}<i class="fa fa-cross-circle-right fa-lg"
浏览 2提问于2017-09-03得票数 1
回答已采纳
嗨，我真的是Angular2的新手(我知道angular2提供的大多数概念)，在选择了一些选项后，我在获取特定数据时遇到了问题。
目前，我有假的数据库，并在数据库中创建了一些随机的人的个人资料。
我有带下拉选项的组件。我希望用户选择其中一个选项，一旦他们完成选择，我希望他们点击“完成”按钮。
一旦他们这样做了，他们将被重定向到另一个组件，该组件显示与他们的选择相对应的数据。
我猜我需要将用户选择的数据存储到服务中，并且这两个组件(一个带有选项的组件，另一个带有基于用户选择的信息列表)之间的通信应该利用该服务。
但我不知道该怎么做。我们将非常感谢您的帮助！谢谢!
浏览 6提问于2017-03-02得票数 0
回答已采纳
2回答
我在第一页的表格里有一个按钮。当我点击按钮时，我想保存面板Id并显示在下一页上。如何在angular中调用数据？我被困在那里快一个星期了，所以我拼命地寻求帮助。这些是针对我的问题的图像。enter image description here，这是第一页，每一行都有按钮。 单击Assign后，应显示ship name和panel name的只读数据。enter image description here
浏览 21提问于2020-12-16得票数 0
2回答
我有棱角材质对话框，在这里我更新表单击更改状态。
我需要从对话框中的单选按钮中获得价值。
这里是完整的工作示例
这是组件的代码
import {Component, Inject, OnInit, ViewEncapsulation} from '@angular/core';
import {MAT_DIALOG_DATA, MatDialogRef, MatDialog} from "@angular/material";
import {FormBuilder, Validators, FormGroup} from "@angul
浏览 0提问于2018-12-10得票数 3
回答已采纳
有多个IE窗口打开，我从其中一个点击按钮点击等按钮点击事件火，但我需要的IE窗口的HWND的按钮被放置。
浏览 0提问于2011-01-03得票数 0
在我的应用程序中，我有三个按钮，如果我点击一个按钮，我必须禁用所有按钮，直到该按钮上的操作完成。
我不知道如何禁用其他两个按钮。请帮帮忙。
浏览 2提问于2010-05-01得票数 2
回答已采纳
3回答
测量网页的性能
、、、、
我有一个web应用程序，使用angular 1.5和Typescripts。Angular将调用web api。该api使用实体框架。现在我想测量页面在不同事件下的性能，比如页面加载、按钮点击等。
是否有可用的工具可以提供执行控制器操作所需的时间、实体框架所用的时间等信息？
我想要的工具，可以提供聚合信息时，页面加载或我点击任何按钮。
即使有工具可以单独提供上述信息，我也很好。
浏览 22提问于2016-08-24得票数 1
我创建了一个超文本标记语言注册页面使用HTML5和Javascript它的工作，但点击提交按钮后，我必须显示用户在另一个注册表(这是隐藏在同一页上，然后再点击提交按钮)输入的详细信息。一旦你点击了提交按钮，那么注册表必须显示，我们输入的细节也必须显示出来。
浏览 1提问于2013-07-04得票数 0
1回答
角模板类动态切换
、、、、
角HTML模板反应式
<div class= "one">
<button class = "verticalButtonClass" (click) = "onClick()"> Label4 </button>
</div>
<div class = "two">
</button>
<button class = "horizontalButtonClass" (click) = "onClick()"> L
浏览 3提问于2020-09-29得票数 0
回答已采纳
我使用Angular.js来改变背景的身体点击一个按钮。一切看起来都很好，但仍然没有运行程序。
HTML：
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
</head>
<body data-ng-app="" data-ng-style="alpha">
<button data-ng-click=&#
浏览 0提问于2016-01-22得票数 0
回答已采纳
1回答
我在Angular4中有一个自定义类来管理地图(也包括angular组件)。我的类有一个模板，里面有ngui-map元素(从下面的库中导入)。我已经能够绑定到由该元素触发的事件(例如地图移动、地图单击等)。
问题是:可以从我的typescript代码访问这个地图对象吗？我需要在一些按钮点击中访问地图的属性，但我就是想不出怎么做。
我能想到的唯一解决方案是为地图移动连接事件处理程序，并将当前地图位置(作为事件参数发送)存储在一些帮助变量中，然后使用这些变量，但肯定还有其他更好的方法？
我是angular的新手，所以如果这个问题有点基础或者没有任何意义，我很抱歉。我试着用谷歌搜索，但我似乎不能正确
浏览 12提问于2017-08-23得票数 1
回答已采纳
1回答
嗨，我正在开发Angular 5中的web应用程序。我正在加载我的网页中的树。我使用API中的数据将其绑定到树节点。这棵树是动态的。一旦加载了树，我就想扩展它。
addrule(row, ruleValue) {
this.roleservice.getRulesbyUserRoleId(row.userroleid).subscribe(result => this.getRulebyUserRoleIdSuccess(result,row), error => this.getRulebyUserRoleIdError(error));
this
浏览 0提问于2018-10-01得票数 0
我试过调用它，但我不知道传递的实际数据是不是反映了我的undefined.what，我应该做的是将数据从一个组件传递到另一个页面模式组件。 我有一个crud应用程序，我点击delete按钮，它应该反映给我一个模式，在这个模式中，我想要确保删除或不删除，而点击delete它应该删除特定的数据。 stackblitz.com/edit/angular-orasdfsdfbr4d 当点击delete按钮确认后，它应该delete.and得到错误的未定义的id。
浏览 12提问于2019-07-04得票数 0
1回答
我是angular js的新手，现在我正在开发一个简单的应用程序来组织员工在白天做的任务。首先，用户设置客户，描述和启动计时器来计数，当任务完成时，员工点击完成并关闭任务，但是我做了一个新函数，如果用户不小心关闭了标签，当重新打开标签时，用户可以获得旧的数据(localstorage)，但是我不知道如何设置时间，当用户点击激活旧的时间。
我正在使用这个计时器()来开发这个应用程序中的计数器。
有人能帮我解决这个问题吗？
浏览 1提问于2016-03-20得票数 0
嗨，我正在使用JS小提琴的angular tab directive.The链接is .My问题是如何通过点击一个按钮从第一个标签移动到第二个标签?谢谢
<tabs>
<pane title="First Tab">
<button type="button" ng-click="moveToSecondTab()">Second Tab.</button>
</pane>
<pane title="Second Tab">
<div>
浏览 2提问于2014-12-05得票数 1
回答已采纳
3回答
我有一个像这样的复选框..
<form action='index.php' method='post'>
<input type='checkbox' name='checkme' value='Yes' />
Include Inactive Keys
</form>
我也有一个提交按钮在最底部的网页。但是当我点击submit按钮时，我想让它也获取复选框的值(无论它是否被点击)。如何获取价值？
浏览 0提问于2013-01-23得票数 1
回答已采纳
3回答
我有一个隐藏的字段在客户关系管理表单和设置保存按钮上的隐藏字段的值点击使用JavaScript。
我试图在postcaseCreate事件上选择c#插件代码中的隐藏字段值，但在字典错误中找不到getting Key，谁能告诉我这里遗漏了什么。
if (localContext.PluginExecutionContext.InputParameters.Contains("Target")
&& localContext.PluginExecutionContext.InputParameters["Target"] is Entity)
浏览 0提问于2015-11-21得票数 1
所以我有个按钮
<button class="item">Button</button>
我想让它移动100 So，每次我点击它，所以我做了这个
item = document.querySelector(".item")
let moveItem =()=>{
item.style.position = 'absolute'
item.style.left += '100px'
}
item.addEventListener("click", moveI
浏览 7提问于2022-09-29得票数 -2
我有单选按钮和‘删除’文本与ng重复，这里基于单选按钮选中我需要显示删除文本，每当我点击单选按钮‘删除’文本应显示，再次当我点击下一个单选按钮‘删除’应隐藏为上一个未选中的单选按钮，并应显示为下一个选中的单选按钮。对我来说，它的工作，但点击下一个单选按钮，以前的‘删除’文本不是hiding.Code是给予below.Can任何人帮助我，我是新手。
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.div_ = [];
浏览 3提问于2018-06-21得票数 0
我在Angular2.beta.0上构建了一个应用程序，我已经实现了路由器和组件。
我有一个覆盖和一个简单的基于模式的菜单上的一个组件模板，点击菜单中的一个链接将改变路线和加载另一个相关的组件。
如果通过使用浏览器的后退按钮，访问带有该模式的前一个组件，则该模型和覆盖保持其打开状态。
这些模式驻留在组件模板本身中，最初设置为无显示，并在单击按钮时使用jQuery显示/隐藏。
这似乎不是一个模板缓存问题，因为如果模板被缓存，那么modals就会被隐藏，而DOM与模板的状态将被缓存。
浏览 3提问于2015-12-19得票数 1
回答已采纳
我刚接触Angular，他们有什么方法可以在点击按钮时从Angular (.ts)文件中调用样例Python脚本吗？如果有，请帮我整理一些博客 谢谢。
浏览 98提问于2020-10-20得票数 0
2秒点击一次按钮，我该怎么做？Rxjs有许多像throttleTime.But这样的运算符，其语法是：
Rx.Observable.fromEvent(button, 'click')
.throttleTime(1000)
.scan(count => count + 1, 0)
.subscribe(count => console.log(`Clicked ${count} times`));
我使用angular和Rxjs.The语法是：
// html
<button (click) = "clickMe()">
浏览 0提问于2018-04-27得票数 1
我使用asp.net服务器端控件来显示和修改数据库中的数据，这个控件就像这样：我想做的是，当我点击“编辑”按钮后，它会显示一个“编辑”界面，我希望每次我修改文本框中的数据时，asp.net都会自动为我点击“更新”按钮来更新我输入的数据。
我尝试调用事件处理程序，但失败了。asp.net中有一个update命令，如何以编程方式调用它？
浏览 1提问于2010-01-11得票数 0
回答已采纳
1回答
假设网页上有三个类别-大陆、国家、州。我目前正在处理一个按钮，它已经放置在不同的页面上。我想当按钮将被点击时，我的页面将自动重定向到类别页面，并滚动到第三部分，即状态部分。我对Angular有点陌生，已经尝试了很多其他网站上提到的方法，比如使用RouterLink，导航，路线，但都没有像现在这样按照我的预期工作。有人可以在这方面提供帮助或分享一些已经开发的链接。 提前谢谢。
浏览 21提问于2021-01-15得票数 1
回答已采纳
我有一个下拉选择，在这里点击按钮我需要控制台选定的文本(绿色..)和选定的值(1..)，我尝试了ngmodel，但我只能捕获值，并且在select field.Here中显示空选项是下面的代码。
home.component.html
<select>
<option *ngFor="let status of statusdata" value="{{status.id}}">{{status.name}}</option>
</select>
<button type="submit" (
浏览 4提问于2019-10-25得票数 1
1回答
我正在制作一个非常类似于绘画的应用程序，它有一个可以画线的按钮，一个插入矩形、椭圆等的按钮。这个应用程序还有一个桶按钮，如果我点击它，它应该在已经插入到画布中的矩形/椭圆内绘制区域。
有办法让我这么做吗？
浏览 4提问于2014-07-23得票数 1
回答已采纳
1回答
我是firebase函数的新手，我只是想做一个简单的测试-点击一个按钮来调用一个可调用的firebase函数。
firebase函数只是一条简单的console.log消息。对于这个项目，我使用的是Angular。
我已经在下面提供了我的前端和后端代码片段。
当我点击按钮时，由于某种原因，什么也没有发生。我希望firebase函数被调用，并在我的控制台中收到'hello world‘消息。
有人知道我做错了什么吗？任何帮助都是非常感谢的。
谢谢!
Index.js
exports.test = functions.https.onCall(() => {
conso
浏览 0提问于2020-08-12得票数 1
1回答
单选按钮选择
、、
我有两个单选按钮要点击，在单击“恢复”按钮后，我应该根据单击单选按钮的位置移动到一个页面或另一个页面。
recovery.component.html
<div>
<div class="form-check">
<input value="true" name="gruppo1" type="radio" id="radio1" >
<label for="radio1">Recupera u
浏览 4提问于2022-11-24得票数 0
回答已采纳
2回答
我正在尝试使用angular material构建一个网页，其中有一个下拉选择元素和一堆用于显示状态的FAB按钮。我想要做的是，如果点击下拉列表并选择一个项目。按钮的背景颜色会根据我选择的项目而更改。 我已经找到了一些基于按钮单击事件来更改颜色(方案)的解决方案。有没有一种方法可以根据下拉列表选择触发背景颜色更改？ 谢谢
浏览 16提问于2021-08-31得票数 0
简单的例子：
<body ng-app="testApp">
<form name="myForm" id='CtrlHost' ng-controller="Ctrl">
<input type="Button" value="Change Inside Angular" ng-click="ChangeIt()" />
<input type="Button" value=
浏览 1提问于2015-03-04得票数 1
回答已采纳
我使用的是Angular 7，有一个主页。
主页有很多按钮，按钮的进度条如下所示：
使用组件并关闭组件后，按钮的进度条应该会更新。
在这里，MatDialog可以很好地完成更新功能。
但是，新的标签页不会更新。
除了闭合函数之外，其他代码完全相同。
MatDialog(工作中)：
dialogRef.afterClosed().subscribe((result) => {
this.updateProgress(...).catch((error) => { console.log(error); });
});
新建选项卡(
浏览 17提问于2019-11-09得票数 0
1回答
我正在使用Azure地图，我想在两层之间切换，点击一个按钮。
我使用的两个层是HTML标记层和符号层。
目前，我能够在javascript中的页面加载上显示这两个层。不过，我想切换这些层点击一个按钮。
编辑--
基本上，我们想要一个添加层类似的图片，以便我们可以切换。
浏览 4提问于2022-02-01得票数 0
大家好，请帮帮我，我正在做一个报销单项目，我已经完成了大部分的编码，数据库连接也在工作。我的pblm是当我点击保存按钮，数据进入数据库，但它没有显示在jtable中，请让我知道如果有任何解决方案。
谢谢
浏览 3提问于2013-12-12得票数 0
我希望用户能够点击一个“下一步”按钮，以便跳转到下一个选项卡。
这是受影响的HTML (实际上我已经剥离了所有内容并对其进行了测试，但它仍然只工作了一次)：
<body>
<div class="container" id="container">
<form name="orderBrochures" novalidate>
<div ng-controller="TabController as tabCtrl">
浏览 1提问于2015-03-23得票数 1
回答已采纳
我的要求是，当我点击start按钮时，其中一个Div内容必须更改为"in Progress"，value="start"必须更改为value="Complete"，现在当我单击"complete“按钮时，div内容必须更改为complete，并且必须隐藏此complete按钮。
我可以通过Jquery实现一些需求，但我想通过Angular JS来实现它。首先，我应该知道如何在angular Js的控制器中读取按钮value="start"。下面是我的代码。
<div class="row" style
浏览 0提问于2015-05-19得票数 0
当用户点击按钮打开angular material多个对话框时，我必须限制登录，而我不知道如何使用Angular authguard来做到这一点。
浏览 0提问于2019-04-08得票数 0
我想采取我的HTML模板的一部分，并将其转换为PDF文件，给用户一个选择来下载它。(例如，在他们点击按钮之后)。
我发现了一个名为jsPDF的库，我将如何在Angular2应用程序(RC4)中使用jsPDF？
谢谢
浏览 11提问于2016-08-17得票数 12
2回答
假设我在可点击的容器中有一个按钮 <div class="container" (click)="onContainerClick()">
<button (click)="onButtonClick()">Button</button>
</div> 当我点击按钮时，onContainerClick和onButtonClick都会被触发。有没有办法在容器内只触发按钮的click事件？ 示例：https://stackblitz.com/edit/angular-mekd2t
浏览 13提问于2019-12-09得票数 3
1回答
我在UI中有一个文本框和搜索按钮。我想要验证它，因为只有数字应该在按钮上输入点击。
我没有在表单中使用它(我了解了很多验证表单控件的方法)。但简单地说，我已经在我的div中(独立地)设计了它。
所以你能指导我在Angular中验证我的控件吗？
<div id="srchbox">
<p id="ptext">Please enter the Movie Id</p>
<input type="text" class="form-co
浏览 1提问于2015-04-01得票数 0
1回答
我试图做一个简单的演示在离子.I有一个页脚有一个图标，左图标)，我点击那个图标，它显示一个弹出屏幕，我在文本字段中输入名称，然后按下保存按钮.then，它生成一行，其文本与弹出屏幕文本字段中的文本相同，需要在行中添加图标按钮(比如删除按钮、编辑按钮)，我们在动态生成的行上添加图标，就像我在页脚(左下角离子-composer)中所做的那样。请在行中加入离子
这是我的密码
<ion-item ng-repeat="item in items">
{{item.testcase}}
<ion-r
浏览 12提问于2015-04-25得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
