Angular 6-错误元素:无法对‘DOMException’执行'setAttribute‘：
Angular 6是一种流行的前端开发框架，用于构建现代化的Web应用程序。在Angular 6中，错误元素“无法对'DOMException'执行'setAttribute'”通常是由于尝试在DOM元素上设置无效的属性值而引起的。
DOMException是一个标准的JavaScript异常对象，表示在DOM操作期间发生的错误。在Angular应用程序中，这个错误通常是由于尝试在模板中使用无效的属性或属性值导致的。
解决这个问题的方法包括：
- 检查模板中的属性名和属性值是否正确。确保属性名是有效的HTML属性，并且属性值是正确的数据类型。
- 确保在模板中使用属性绑定时，绑定的表达式返回有效的属性值。可以使用Angular的数据绑定语法来确保属性值的正确性。
- 如果使用了自定义指令或组件，确保它们正确处理属性设置。可以检查自定义指令或组件的代码，查看是否有任何错误导致了无效的属性设置。
- 如果错误仍然存在，可以尝试在浏览器的开发者工具中进行调试。可以检查控制台输出和DOM结构，以查找更多关于错误的信息。
对于Angular开发者，腾讯云提供了一系列的产品和服务，可以帮助开发者构建和部署Angular应用程序。其中，推荐的产品包括：
- 云服务器（CVM）：提供可靠的云服务器实例，用于托管和运行Angular应用程序。链接地址：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：提供高性能、可扩展的关系型数据库服务，用于存储和管理Angular应用程序的数据。链接地址：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：提供安全、可靠的对象存储服务，用于存储和分发Angular应用程序的静态资源。链接地址：https://cloud.tencent.com/product/cos
- 云函数（SCF）：提供无服务器的计算服务，用于处理Angular应用程序的后端逻辑。链接地址：https://cloud.tencent.com/product/scf
通过使用腾讯云的这些产品和服务，开发者可以轻松构建、部署和运行Angular应用程序，同时享受到腾讯云提供的高性能、高可用性和安全性。
相关·内容
我正在尝试创建一个基于聊天的应用程序，在该应用程序中，我将根据需要创建每种类型的聊天弹出，并使用Angular Renderer2。我试图在UI中呈现聊天消息元素时添加一个(click)属性。
我发现了一个错误：
DOMException:未能在'Element'：‘((单击))’上执行'setAttribute‘不是一个有效的属性名。
chat.component.ts
const btn3: HTMLDivElement = this.renderer.createElement('button');
this.renderer.addClass
浏览 9提问于2021-02-02得票数 0
回答已采纳
2回答
我想要创建xml保存的文件，的头，但是我得到了错误消息。
$uru = "urlset xsi:schemaLocation='http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd'";
$xml = new DOMDocument("1.0");
$xml->formatOutput=true;
$urlset=$xml->createElement("$uru");
$
浏览 2提问于2015-08-17得票数 0
回答已采纳
我有一个名为video.mp4的视频，我想把它流到HTML中的一个视频标记中，我尝试了太多其他问题的答案，但没有一个有效。
var URL = this.window.URL || this.window.webkitURL;
var file = new Blob(["./video.mp4"], {"type": "video\/mp4"});
var value = URL.createObjectURL(file);
console.log(value);
video.src = value;
当我尝试上面的代码时，它打印了一个blob
浏览 19提问于2022-09-25得票数 2
这是我来自angular的http post请求
function test(){
let fileData = {'test':'test'};
let headers = new HttpHeaders({
'Content-Type': 'application/json',
'Host': 'usertoken',
'Authorization': '
浏览 1提问于2018-11-26得票数 0
1回答
在创建xml文件时如何在createElement中使用空格
我不得不用
$main = $doc->createElement("$cname"."Data" );
哪里
$cname="Company Name"
但是由于$cname中的空格，我得到了以下错误，
致命错误:在DOMException堆栈跟踪：#0 file.php( 50 )：DOMDocument->createElement('geosoft .‘) #1 {main}抛入第50行的file.php中，带有消息“无效字符错误”的未命名异常“file.
浏览 4提问于2010-10-18得票数 3
->setAttribute是否不允许我设置一个名为[class]的属性？我有以下代码：
$success = $doc->createElement('span', 'You have been successfully subscribed');
$success->setAttribute('class', 'hide');
$success->setAttribute('[class]', 'ampState.success'); // err
浏览 0提问于2018-04-25得票数 1
回答已采纳
我使用了以下代码来替换html元素，我使用的是ng引导程序中的ngbTypeahead。
HTML
<input [resultTemplate]="rt" [ngbTypeahead]="search">
<ng-template #rt let-r="result" let-t="term">
<span class="dropdown-heading" [ngClass]="onType()">
</span>
浏览 0提问于2018-05-29得票数 0
当动态更改视频时，我在服务器控制台下得到以下错误
(index):71 Uncaught (in promise) DOMException: The play() request was interrupted by a new load request.
发生更改时，我将使用以下代码
function playlocalVID()
{
var player = document.getElementById("video");
var currentVID = document.getElementById('currentVID&#
浏览 12提问于2016-10-25得票数 8
回答已采纳
1回答
我目前正在使用php中的DOM，我所处的上下文将需要一些递归，这会搞乱我的代码，但它可以正常工作。
我想保持我的代码干净与PHP只读的东西，我无法继续。
我试着做这样的事情：
$test = new DOMElement('div');
$test->setAttribute('class','blue');
但我搞错了
致命错误:带有“无修改允许错误”消息的未命名异常“DOMException”
我可以将setAttribute添加到这个元素，直到我将它附加到DOMDocument中。有什么办法吗？
我在想一些事情
class E
浏览 0提问于2013-09-03得票数 0
我不明白这为什么会失败。DOMElement是否需要成为文档的一部分？
$domEl = new DOMElement("Item");
$domEl->setAttribute('Something','bla');
抛出异常
> Uncaught exception 'DOMException' with message 'No Modification Allowed Error';
我本以为我可以创建一个DOMElement，它将是可变的。
浏览 0提问于2011-06-15得票数 21
回答已采纳
1回答
我正在尝试遍历一个有序列表，并为每个列表元素(Chrome扩展)预先添加一个输入按钮。 我一直收到以下错误：Uncaught DOMException: Failed to execute 'appendChild' on 'Node': This node type does not support this method.。 难道不能以这种方式在<li>中追加一个子元素吗？你知道我哪里错了吗？ function formatList() {
const stepsList = document.querySelector("ol.s
浏览 5提问于2019-09-25得票数 1
我想使用html5、JavaScript和jQuery在页面中播放JavaScript文件。如果文件在播放文件的项目中，则可以工作，但如果文件位于计算机上的另一个文件夹中( E、D或下载.)他们不会跑的。
错误：
Error :searchms.aspx:1491 Uncaught (承诺) DOMException:元素没有受支持的源。
(play.click(function (e) { e.preventDefault(); song.play(); // this error
浏览 5提问于2018-01-12得票数 1
5回答
如何只更改DOM节点的根标记名？
在DOM文档模型中，我们不能更改documentElement对象的属性DOMElement，因此，我们需要“重建”节点.但是如何用childNodes属性“重建”呢？
注:我可以通过.但这是一个解决办法，而不是DOM解决方案。
尝试但不起作用，PHP示例
PHP示例(不起作用，但为什么？)：
试-1
// DOMElement::documentElement can not be changed, so...
function DomElement_renameRoot1($ele,$ROOTAG='newRoot') {
浏览 12提问于2013-03-26得票数 1
回答已采纳
2回答
我们有一个nodeJS/angular 4网站，它显示了来自第三方的iframe (powerBI Emebdded)。我们正在尝试开发一个功能，允许最终用户采取的页面截图，包括iframe的内容。
我们尝试了iframe2image库：
但我们面临的是同源政策的问题：
ERROR DOMException: Blocked a frame with origin http://localhost:4200
from accessing a cross-origin frame
因为我们无法访问iframe (它是由PowerBI iframe生成的带有专用库的第三方内容)。我们不能通过将if
浏览 0提问于2018-10-18得票数 9
当我单击导航上的"Open Account“按钮时，我得到错误信息： 未捕获文档:无法对‘DOMException’执行'querySelector‘：'#’不是有效的选择器。 下面是按钮...and： 不确定我遗漏了什么来消除错误。
浏览 903提问于2021-02-28得票数 0
回答已采纳
我编写了下面的行，以便将disable属性添加到角元素中
angular.element(document.getElementsByClassName("pit")).setAttribute('disabled');
但是它不起作用并抛出一个错误：
angular.element(...).setAttribute is not a function
浏览 14提问于2017-01-20得票数 1
回答已采纳
3回答
将角5.2升级到11
、、、
我正在尝试升级一个角度应用程序，从5.2应用程序升级到11。它使用webpack构建，不使用cli创建，也没有angular.json文件。我尝试了‘升级角’网站获得指示，也参考了'medium.com‘指令和其他堆叠溢出问题，无法找到答案，谁能帮我升级的步骤，应用程序。
浏览 3提问于2021-04-14得票数 0
回答已采纳
5回答
我试图将配置添加到中。
我编写了以下代码，下面是官方网站上的文档。
import { Component, OnInit } from '@angular/core';
import { MatSnackBar, MatSnackBarConfig } from "@angular/material";
import { Location } from '@angular/common';
@Component({
selector: 'snack-bar-component-example',
templateUrl:
浏览 5提问于2017-12-20得票数 16
回答已采纳
我在使用createElement创建Web组件时遇到了问题。我得到了一个错误：
Uncaught DOMException:未能构造'CustomElement'：结果在appendTodo不能有孩子
class TodoCard extends HTMLElement {
constructor() {
super()
this.innerHTML = `
<li>
<div class="card">
浏览 3提问于2020-07-24得票数 4
回答已采纳
我尝试在输入文本中添加带有插页的url： <input type="text" placeholder="Enter code" value="'https://varip.geodata.com/?code='" + {{ mycode }} /> 但在上面的行中，我得到了这个错误： DOMException: Failed to execute 'setAttribute' on 'Element': '+' is not a valid attribute nam
浏览 11提问于2021-02-03得票数 0
回答已采纳
3回答
我有一个angular 2项目，我正在使用PrimeNG。我使用了一个带有很多自定义属性的特殊标签，这些属性对于这个标签总是相同的。我希望将这些属性外部化，并创建了一个自定义指令，用于添加我需要的所有属性。问题是，这些属性中的一些不是本机的，可能无法识别。我收到错误消息"Failed to execute 'setAttribute‘on 'Element'：'myCustomAttribute’is not a valid attribute name.
这是我的指令：
@Directive({
selector: '[def-cale
浏览 0提问于2017-06-21得票数 6
3回答
我在将特定字符串写入XML文件时遇到了问题。
XML结构如下：
<ePrekrsaji>
<time>
<shift hours="48"/>
</time>
</ePrekrsaji>
我使用的代码似乎不起作用：
$my_file = "hours.xml";
$hours = 5
$xml = new DOMDocument();
$xml->load($my_file);
$xml_hours = $xml->createElement($hours);
$nodes = $xml
浏览 5提问于2014-06-15得票数 0
回答已采纳
当我试图获得元素的id时，我在使用TypeScript (对于Angular2)时遇到了这个问题。参见此示例：
<div id="search">
<div id="field1"></div>
<div id="field2"></div>
</div>
如果我试图获得一个嵌套div的id，我可以正常地这样做：
var element = document.getElementById("search");
var subelement =
浏览 10提问于2016-07-07得票数 6
回答已采纳
这里有一个小提琴，显示了Chrome 72和Firefox 63中控制台的错误：
守则是：
<script>
customElements.define('test-element', class extends HTMLElement {
constructor() {
super()
Promise.resolve().then(() => {
this.setAttribute('foo', 'bar')
})
}
浏览 0提问于2019-02-25得票数 4
回答已采纳
我尝试在我的angular应用程序中导入"Tesseract“库。我做了这些步骤：
npm install tesseract.js --save
npm install @types/tesseract.js --save-dev
在我的服务中，我像这样导入：
import * as Tesseract from 'tesseract.js';
import { Injectable } from '@angular/core';
@Injectable()
export class OcrService {
set
浏览 0提问于2019-04-25得票数 0
2回答
如何在一个angular模块中使用两个控制器为angularjs中的每个控制器包含动态库？
For One controller I need to add the header Lib script
<script src="js/ionic.bundle.min.js"></script>
for another controller i need to add the header Lib Script Like
<script src="js/ionic.bundle.js"></script>
Fo
浏览 2提问于2015-09-11得票数 0
1回答
我的应用程序上下文是在运行时生成的，在onsen 1.3上，我使用此函数生成HTML并编译它。
$scope.generateFrom = function (div) {
var el = div;
var html = HTMLGenerator.getHTML();
el.innerHTML = html;
ons.compile(el);
}
但是在升级到onsen 2/Angular之后，我得到了这个错误
"Error: First argument must be an instance of HTML
浏览 3提问于2016-02-25得票数 2
2回答
从角页中移除img-元素
、、、、
我正在创建一个角度网页应用程序，我想在其中显示一个图像，但当你点击一个按钮，我想删除这个默认的图像，并取代它的视频流的摄像头。但到目前为止，去除图像元素仍然很难.
angular.module('qrWebapp').directive('qrScanner', ['$timeout', 'openScannerService', function($timeout, openScannerService) {
return {
restrict: 'E',
scope: {
ngS
浏览 3提问于2015-04-29得票数 1
回答已采纳
我有一个HTML5视频标签，用户可以通过输入类型文件组件添加视频。
我的问题是，点击删除链接，是否有可能删除视频 ?？
我试过
$(document).on("click", ".removepic", function(event)
{
$("#somevideo").val('');
var player = document.getElementById("video");
var currentVID = document.getElementById(
浏览 5提问于2016-10-20得票数 3
回答已采纳
3回答
我有一个外部库(由Grapecity提供的web-designer.js er.js)，它可以在普通的HTML应用程序上运行得很好。我想使用这个库，因为它在我的一个Angular组件中。我已经添加了对这个库的引用，但在Angular中导入文件时出现错误。 下面是我引用该库的方式(jQuery是一个依赖项)： import '../app/lib/scripts/jquery';
import '../app/lib/scripts/web-designer'; 库的cdn链接是http://cdn.grapecity.com/ActiveRep
浏览 105提问于2019-10-19得票数 0
2回答
我有一个指令，它允许拖放Dom元素，即：
联署材料：
angular.module('animationApp').directive('myDraggable', ['$document', function($document){return{link: function(scope, element, attr) {
var startX = 0, startY = 0, x = 0, y = 0;
console.log("In myDraggable directive code");
element.c
浏览 2提问于2016-08-02得票数 2
回答已采纳
由于我没有固定数量的资产，需要从服务器加载，所以我使用Angular 2模板来动态创建资产。示例代码如下：
<a-assets>
<div *ngFor="let scene of floorData.scenes;let i=index">
<img id="scene-{{i}}" src="{{assetData}}/floor-{{floorNumber}}/{{scene.id}}/vrimage.jpg" crossorigin="anonymo
浏览 1提问于2017-12-11得票数 0
我正在尝试访问某个段落的所有强标记，因此我遍历了文档中的所有段落，代码解释了其余的内容
let paragraphs = document.getElementsByTagName("p");
for(let i = 0; i < paragraphs.length; i++) {
var element = document.querySelector(`${paragraphs[i]} > strong`)
console.log(element)
if( element == null) {
continue;
浏览 3提问于2020-09-10得票数 0
我尝试复制粘贴Mozilla的Javascript入门教程中的代码
var myImage = document.querySelector('img');
myImage.onclick = function() {
var mySrc = myImage.getAttribute('src');
if(mySrc === 'images/firefox-icon.png') {
myImage.setAttribute ('src','images/firefox2.png');
浏览 0提问于2015-12-06得票数 1
我希望根据特定图像的状态变化来播放音频。
play()在我的js文件中不起作用。
无法加载控制台提示错误: (in promise) DOMException:无法加载，因为找不到受支持的源。
我写了以下使用音频的代码：
<audio src={audio} autoPlay={this.state.car ? "true" : "false"}/>
如果autoPlay=为“autoplay”，上面的代码运行良好。但是它在给定的条件下并没有相应的动作。
我已经做了一个图像映射器，其中我想要的是在我的点击上的某些领域，音频应播放
请帮帮忙。
浏览 85提问于2018-07-25得票数 -1
1回答
当我试图在toggleDiv()内部调用setAttribute()时，我得到了一个错误。基本上，我的IDE不能识别这个函数并抛出一个错误。我如何让它识别这个函数。这是一个Angular项目。 import { Component, OnInit } from '@angular/core';
import {HttpClient} from '@angular/common/http';
import {ActivatedRoute} from '@angular/router';
import {Observable} from '
浏览 12提问于2021-02-01得票数 0
2回答
我需要在文档元素上添加属性xml:lang="eng“。我正在使用以下代码：
element.setAttributeNS("http://www.w3.org/XML/1998/namespace", "xml:lang", "eng");
当执行上述方法时，我将得到以下异常：
org.w3c.dom.DOMException: NAMESPACE_ERR:尝试以一种与名称空间有关的不正确的方式创建或更改对象。
我不知道我做错了什么，还有其他方法来设置这个属性吗？
Stacktrace
org.w3c.dom.DOMExcept
浏览 0提问于2014-03-27得票数 0
我已经通过一个v1使用自定义元素一段时间了。Chrome54(带有原生v1实现的第一个版本)在初始化我的元素时开始抛出错误：
DOMException:在“文档”上执行“createElement”失败:结果不能有子
这条冒犯之处很简单：
let el = document.createElement('my-custom-element');
浏览 4提问于2016-10-21得票数 19
回答已采纳
我正在尝试用Angular做一些基本的视频流工作。我的代码如下。挑战是我不断得到和错误地说...错误错误:未捕获(在promise中)：TypeError:无法读取未定义视频的属性‘TypeError’：无法读取未定义视频的属性‘video 如有任何建议，我们将不胜感激。 import {
Component,
OnInit,
ViewChild,
ElementRef
} from '@angular/core';
@Component({
selector: 'app-scanner',
templateUrl: '
浏览 15提问于2019-04-02得票数 0
回答已采纳
2回答
无效字符误差角
、、
在尝试使用自定义属性指令编译角组件时，我将获得ERROR DOMException [InvalidCharacterError: "String contains an invalid character" code: 5 nsresult: 0x80530005 location: http://localhost:4200/vendor.bundle.js:67608]。下面给出了AppComponent、指令和基本模板的代码：
leftAlign.directive.ts
import {
Directive,
HostListener,
HostBindi
浏览 3提问于2017-07-14得票数 4
回答已采纳
1回答
我正在尝试使用Meteor/TypeScript/mongoDB创建一个简单的应用程序。计划是根据数据库中的数据绘制图表。看起来是这样的：
export const Database = new Mongo.Collection('servers');
var app = angular.module('monitor', [
'chart.js',
'angular-meteor',
'ui.router'
]);
app.config(['$stateProvider&
浏览 3提问于2017-05-19得票数 0
回答已采纳
创建DOMDocument对象：
$getToken = '<getToken>...</getToken>';
$getToken_objeto = new DOMDocument("1.0", "UTF-8");
$getToken_objeto -> loadXML($getToken);
试图将XML字符串(签名)附加到上面创建的DOMDocument中：
$Signature = '<Signature>...</Signature>';
$Signature_obj
浏览 2提问于2014-07-24得票数 0
回答已采纳
当我将xmlns添加到用DOMDocument编写的xml时，我一直收到以下错误
致命错误:异常'DOMException‘与消息’无效字符错误‘在.
$xml = new DOMDocument("1.0", "UTF-8");
$xml_urlset = $xml->createElement('urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"');
$xml_url = $xml->createElement("url",
浏览 0提问于2014-02-11得票数 1
回答已采纳
我知道您可以为此使用document.createElement，但是通过这样做，我得到了一个domexception：
document.createElement("<input onchange='myFunction()' />");
错误：
Uncaught DOMException: Failed to execute 'createElement' on 'Document': The tag name provided ('<input onchange='myFunction()
浏览 21提问于2022-05-13得票数 0
在迁移之后，我似乎不知道如何重构我的服务中的方法。
我用文档注入替换了BrowswerDomAdapter的使用。真正糟糕的是，DOCUMENT上的文档仍然是空白的，让我不知所措。
已经修复了此服务中的大部分中断。
相关代码如下：
import { Component, Inject, Injectable } from '@angular/core';
import { DOCUMENT } from '@angular/platform-browser';
import { Title }
浏览 7提问于2017-06-26得票数 0
我正在使用Vuetify上载组件将图片上传到我的Vue应用程序。然后，我想在它们上运行TensorFlow.js库来对对象进行分类。不幸的是，我得到了这个错误：
DOMException:在‘WebGL2RenderingContext’上执行'texImage2D‘失败:图像元素包含跨源数据，可能不会加载。
这是我的相关代码：
import * as cocoSSD from '@tensorflow-models/coco-ssd';
let images = document.getElementsByTagName("img");
let
浏览 1提问于2019-05-23得票数 0
是否可以在纯DOMException中手动抛出JavaScript错误？建议构建起来应该相对容易(至少在Java中是这样)。
但是，在Chrome中，下面的代码返回TypeError: Illegal constructor
// DOM SYNTAX_ERR (12)
var myDOMException = new DOMException(12,"I'm sorry Dave, I'm afraid I can't do that.");
遗憾的是，这正是我在阅读之后所期望的，它似乎根本没有指定构造函数。(顺便说一句，虽然我不是IDL的“varia
浏览 3提问于2011-02-27得票数 12
回答已采纳
1回答
我有以下HTML。
<div id="container">
<div id="current">Current Div</div>
</div>
在PHP中使用DomDocument，我试图在div之前添加一个额外的div，id为"current“。
<div id="container">
<div id="new">New Div</div>
<div id="current">Cu
浏览 3提问于2013-11-09得票数 3
回答已采纳
我想创建媒体图标 <div class="contact">
<span>
<i class="fa fa-phone"></i>
</span>
<span>
<i class="fa fa-facebook"></i>
</span>
<span>
<i class="fa fa-twitter"></i&g
浏览 94提问于2021-04-17得票数 0
我尝试将mdKeyBoard添加到动态创建的元素中，它适用于DOM中的textarea，但不适用于通过javascript添加的元素。
尝试过$compile也还是没用。
var myApp = angular.module('myApp', ['ngAria', 'ngAnimate', 'ngMaterial', 'material.components.keyboard']);
myApp.controller('MyCtrl', function($scope,$compile) {
浏览 0提问于2017-07-29得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
