是否可以将ID添加到angular中本地的HTML标记
是的，可以将ID添加到Angular中本地的HTML标记。在Angular中，可以使用属性绑定来动态地将ID添加到HTML标记中。
要将ID添加到HTML标记，可以按照以下步骤进行操作：
- 在组件的HTML模板中，找到要添加ID的HTML标记。
- 使用属性绑定语法，将一个变量绑定到该HTML标记的ID属性上。例如，可以使用以下语法：
[id]="myId"，其中myId是一个在组件中定义的变量。 - 在组件的对应 TypeScript 文件中，定义并初始化
myId变量。例如，可以在组件的类中添加以下代码：myId: string = 'my-element';，这将为HTML标记设置一个ID为my-element。
完成以上步骤后，Angular会将myId变量的值动态地绑定到HTML标记的ID属性上，从而将ID添加到本地的HTML标记中。
这种方式可以用于各种场景，例如在测试中定位特定的HTML元素，或者在JavaScript代码中通过ID选择器选择特定的HTML元素进行操作。
腾讯云提供了丰富的云计算产品和服务，其中与前端开发相关的产品包括云服务器、云存储、云函数等。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于这些产品的详细信息和使用指南。
相关·内容
2回答
Angular元素-可以进行数据绑定输入吗？
javascript、html、angular、angular-elements
我在网上到处找，都找不到答案。我想知道，在将Angular元素的输入转换为脚本并转换为普通的HTML/JavaScript文件后，是否可以对其进行数据绑定。我在一个Angular环境中测试了数据绑定一个Angular元素，它工作得很好。只有当我将它作为脚本带到普通的HTML/JavaScript中时，它才会停止工作。有没有可能做到这一点，如果是的话，有人能给我举个例子吗？ 我们有一个名为my-element的角度元素，我希望将一个布尔值数据绑定到它的输入。 public _random: boolean = false;
@Input()
get random(): boolean {
浏览 16提问于2021-08-18得票数 0
2回答
ngModel，单击动态添加html中的角4不工作。
angular、typescript
我试图通过锁定一个id来添加Html。Html正在显示，但是ngModel和click不起作用。我怎么才能让它起作用？
app.component.html
<div id="myid">
</div>
app.component.ts
import { Component, ElementRef } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html'
})
ex
浏览 3提问于2018-04-27得票数 1
2回答
如何使用本地存储并在不需要时删除
angularjs
嗨，我是angular js的新手，我正在研究anglarjs的本地存储技术，以便数据在刷新时保持不变。有没有什么办法，我可以删除所有的本地存储，并将范围存储分配给一个模型，并在html中使用该模型而不是$storage.id。我是个新手，请分享并帮助我。谢谢
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<title>
</title>
<script type="text/javascript" src="angular.min.js"
浏览 1提问于2014-08-24得票数 6
回答已采纳
1回答
如何将变量赋值给由lit html创建的DOM节点
javascript、lit-html
我使用lit html来呈现html模板，但是在它们呈现之后，我需要将一个变量赋给模板result中的几个节点。目前，我发现做这件事的唯一方法是使用一个脏超时，如下所示：
let myInput;
render(myTemplate(myData), myContainer);
setTimeout(() => {
myInput = myContainer.querySelector(".myInput");
}, 0);
有没有更好的方法呢？如果有一种方法可以在模板本身中分配变量，那就太棒了。
谢谢
浏览 0提问于2020-06-16得票数 0
1回答
角DomSanitizer不结合角分量
html、angular、dom
我正在尝试将html内容动态添加到DIV中。静态地，这是很好的工作。
有效的代码：
<popover-content #pop1
title="Cool Popover"
placement="right"
[closeOnClickOutside]="true">
Popped up!!!
</popover-content>
<div>
<span>Testing with
浏览 1提问于2017-10-24得票数 1
回答已采纳
2回答
Angular 2:从组件访问元素，getDocumentById不工作
angular、dom、angular2-template、angular2-components
我有一个Angular 2组件，我想通过元素的id来检索元素div <div id ="myId">。我尝试在我的组件(TypeScript)中执行：document.getElementById("myId")，但得到一个错误：“无法找到名称文档”。我在其他帖子中看到我们可以使用@ViewChild做类似的事情，但是我不知道如何使用div，有什么想法吗？
浏览 2提问于2017-03-04得票数 34
回答已采纳
4回答
角度数据前缀属性访问
javascript、html、angularjs
我有一个简单的控制器，希望访问一个带有data-前缀的变量(来自服务器)。下面的代码显示了undefined。在这种情况下，为什么要访问myId，以及如何访问？如果data-my-id="12345"是错误的方法，那么正确的方法是什么？
链接：
HTML：
<!DOCTYPE html>
<html ng-app="plunker">
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title
浏览 3提问于2014-02-21得票数 0
回答已采纳
4回答
模板中的Angular 2标签是什么意思？
javascript、html、angular、typescript
我正在使用angular 2，我发现了类似于
<input #searchBox (keyup)="search(searchBox.value)"
而且它是有效的。
但是，我不理解#的含义。我在文件里也没找到任何清晰的东西。
有人能给我解释一下它是怎么工作的吗？
浏览 42提问于2017-03-09得票数 178
1回答
将数据传递给聚合物元件
dart、polymer
在使用Web时，我可以将数据传递给如下组件：
<my-element" name="{{someName}}"></my-element>
如何将数据传递给聚合物元素？
浏览 2提问于2013-09-10得票数 5
回答已采纳
2回答
Angular4中的三种数据绑定指令：[val]、[ (val) ]、(Val)、(Val)有什么区别？
javascript、angular、angular4-forms
考虑到下面的代码，我试图理解三种不同的数据绑定方式之间的区别。因为我是angular4新手，所以我需要澄清一下什么时候该使用什么。例如，为了分配ngModel，使用了(ngModel)。若要分配禁用属性，请使用“禁用”。若要分配ngSubmit处理程序，则使用(ngSubmit)。很难区分其中的每一个。
<section class="sample-app-content">
<h1>Template-driven Form Example:</h1>
<form #f="ngForm" (ngSub
浏览 5提问于2018-01-10得票数 0
回答已采纳
3回答
聚合物静态变量听筒？
polymer、polymer-1.0
我一直在努力寻找，没有多少运气。假设您有一个组件Racing Car
Polymer({
is: 'racing-car',
properties: {
ready: { // this variable is intended to be static
type: Boolean,
value: false,
observer: 'onCarReady'
}
},
onCarReady: function(newVal, oldVal) {
console.log('
浏览 7提问于2016-12-08得票数 0
回答已采纳
1回答
如何从组件设置ng-template值
angular、angular8、ng-template、angular9
我的HTML文件中包含以下内容：
<div>
<ng-template #valueTemplate>
</ng-template>
</div>
如何使用组件中的本地引用#valueTemplate来设置ng-template的innerHtml？
我试过了，但不起作用：
import { Component, OnInit, ViewChild } from '@angular/core';
@Component({
selector: 'app-some',
templateUrl: &
浏览 0提问于2020-02-18得票数 2
4回答
使用Angular 6 web组件
angular、elements、angular6、angular-elements
我有以下问题。我有一个使用Angular 6和路由系统构建的应用程序。我想创建一个web组件，其中将包含此应用程序，并能够使用它作为不同的web应用程序的一部分。我遵循了本教程，并根据自己的需要对其进行了修改：
结果是屏幕上什么都没有呈现，现在浏览器Error: The selector "app-root" did not match any elements中存在错误。
在浏览器源文件中，我可以确认包含web组件的js文件已成功加载。
这就是我所拥有的：
在app.module.ts中
@NgModule({
declarations: [
AppCompone
浏览 4提问于2018-06-12得票数 1
2回答
`#`属性在HTML中做什么？
javascript、html、angular
当用户单击另一个元素时，我正在编写一个处理程序来对某些元素进行处理。
起初，我有以下内容(这是使用Angular2，但我怀疑唯一不同的是如何处理onclick事件)：
<span>
<input type="text" id="bioName">
</span>
<span class="icon-pencil" (click)="editField(bioName);"></span>
...but
浏览 3提问于2016-10-31得票数 14
回答已采纳
1回答
AngularDart:无法转换为材料组件
dart、angular-material、angular-dart
我有一个省道应用程序，其中包含一个模板与材料-复选框，我无法使用在我的组件。下面是一个简单的模板来演示这个问题(two_boxes.html)：
<!--
Simple HTML to test checkboxes
-->
<input type="checkbox" id="cb0">
<label>Standard Checkbox</label>
<material-checkbox label="Material Checkbox" id="cb1">
&l
浏览 2提问于2017-09-08得票数 1
回答已采纳
1回答
无法对‘Element’执行'setAttribute‘：’(单击)‘不是有效的属性名称
jquery、angular
我使用的是angular2 typescript。
在ngOnInit中，我初始化了一个jstree插件。
jQuery('#data').jstree({
'core': {
"check_callback": true,
"themes": { "stripes": true },
'data': d
}
})
这个插件使用json字符串动态构建菜单树(Li a)。
插件可以使用json将属性设置为锚点，如下所示
objec
浏览 2提问于2016-11-14得票数 1
2回答
角4中的模板解析错误“没有将exportAs设置为ngModel的指令”
angular、angular-forms
我创建了一个示例项目，在其中我使用了组件，一个带有注册名，另一个具有登录名，同时验证注册页面，给出下面提到的错误。
当表单验证时，错误发生。
>Uncaught Error: Template parse errors:
There is no directive with "exportAs" set to "ngModel" ("
</div>
<div>
<input type="email" name="emailId" pla
浏览 1提问于2018-03-23得票数 2
回答已采纳
3回答
重用Angular 2中的组件
angular、components、reusability
当我开始使用Angular 2时，我的想法是创建组件的主要原因是因为您可以重用它们。例如：
<custom-button id="button1">button 1</custom-button>
<custom-button id="button2">button 2</custom-button>
这是在web应用中使用angular 2和组件的一个很大的理由，而且可以做到吗？
我还没有找到一个资源来具体回答我关于如何做的问题。
我想创建一个按钮和一个输入，两个最基本和最常用的html元素，并使它们可重用。
我
浏览 4提问于2016-08-27得票数 7
回答已采纳
1回答
将角度对象绑定到聚合物1.0
javascript、html、angularjs、data-binding、polymer-1.0
我有一个自定义元素：
<my-element options='{{myOptions}}'></my-element>
就像这样，web组件中的ready回调只接收options属性的{{myOptions}}。我试过一些工具，都不管用。
然后我读到了，你可以做一个一旦属性改变就会触发的回调(attributeChangedCallback)，所以我做了一些技巧来推迟ready回调，直到在那个回调上将布尔标志设置为true，但这是一个丑陋的修复。
此外，它只适用于Chrome。
谁能分享最好的跨浏览器解决方案，使Angular绑定到聚合物？
浏览 1提问于2016-02-26得票数 0
1回答
让Angular能够很好地使用线索提示(一个jquery插件)
angularjs
我有一些plunkr中的示例代码，它有两个问题(我知道)。第一个问题是我无法让线索提示代码在ng-repeater循环中运行，另一个问题(这正是我真正认为的问题所在)是我不知道如何在加载的ajax5.html模板中计算{{ mynum }}。这里有plnkr示例：和plnkr中的代码。
使用ajax.html作为模板
<br/>
<br/>
<div ng-repeat='mynum in myarray'>
<br/>
<a style="" title="" cla
浏览 1提问于2014-10-29得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
