使用templateUrl的Angular2 RC5无限循环
是指在Angular2的RC5版本中，当使用templateUrl属性来加载组件的模板时，可能会出现无限循环的问题。
在Angular2中，组件的模板可以通过templateUrl属性指定一个外部的HTML文件来加载。然而，在RC5版本中，当使用templateUrl加载模板时，如果模板中包含了自身组件的选择器，就会导致无限循环的情况发生。
这个问题的原因是，当Angular2加载组件的模板时，会解析模板中的组件选择器，并尝试将其替换为对应的组件实例。但是在RC5版本中，由于模板加载是异步的，解析和替换的过程可能会发生在模板加载完成之前，导致无限循环。
为了解决这个问题，可以采取以下几种方法：
- 使用内联模板：将模板直接写在组件的template属性中，而不使用templateUrl加载外部模板。这样可以避免模板加载的异步问题，从而避免无限循环。
- 升级到更高版本的Angular：RC5版本已经过时，后续的Angular版本已经修复了这个问题。升级到最新版本的Angular可以避免无限循环的问题。
- 手动处理循环依赖：如果无法升级到更高版本的Angular，可以手动处理循环依赖。可以通过在组件的构造函数中注入一个服务，并在服务中使用延迟加载的方式获取组件实例，从而避免循环依赖。
总结起来，使用templateUrl的Angular2 RC5无限循环是一个已经被修复的问题，可以通过升级到更高版本的Angular或者采取其他手动处理方式来解决。在实际开发中，建议使用最新版本的Angular，并避免使用已知的过时版本。
相关·内容
2回答
包含动态模板或ng- Angular2
javascript、angular
有没有办法在angular2中动态加载模板？在angular1中，我使用ng-include在主控制器视图中加载不同的html模板。我知道angular2只能获取1个templateUrl，并且一直在angular2中搜索ng-include，但找不到任何参考资料。
浏览 9提问于2016-09-05得票数 10
3回答
角cli支持rc5吗？
angular、npm、angular-cli
我下载并安装了大多数up2date angular2项目("npm“)，该项目具有来自的rc5依赖关系。我看到的包在其github上有rc4依赖项。
如何安装支持rc5依赖关系的角cli？
浏览 6提问于2016-08-14得票数 3
回答已采纳
2回答
Angular2中的内存泄漏
angular、memory-leaks
什么会导致Angular2 (rc5)应用程序中的内存泄漏？如何预防呢？
错误/正确的代码示例将非常感谢。
浏览 0提问于2016-08-18得票数 17
回答已采纳
2回答
ngrx/effects switchMap在Angular2 RC5中不再有效
angular、ngrx
我在我的Angular2应用程序中使用了ngrx/effects，自从RC5发布以来，我就收到了错误。这是我的代码：
import { Injectable } from '@angular/core';
import { Effect, Actions } from '@ngrx/effects';
import { UserActions } from './user.actions';
import { LoginService } from '../login';
constructor(
private updat
浏览 6提问于2016-08-16得票数 4
回答已采纳
2回答
如何在angular2 RC5中获取路由参数
angular、typescript、angular2-routing
我已经使用angular-cli@webpack将我的angular2项目升级到了RC5。
我已经提供了如下路由：
const appRoutes: Routes = [
{ path: 'project-manager', component: ProjectManagerComponent },
{ path: 'designer/:id', component:DesignerComponent } ,
{path: '',redirectTo: '/project-manager',pathMa
浏览 0提问于2016-08-26得票数 11
回答已采纳
1回答
angular2中的嵌套组件
angular、web、single-page-application、angular2-components
我将把我对angular2的知识从Rc5升级到2.2。我对自升级包以来被废弃的指令属性有问题，我知道它会移动到imports，属性在NgModule装饰器上，但它被称为Shared Components，但是当我有大量组件时，我必须从每个组件的指令转移到NgModule应用程序的起点，因此我的所有组件都必须在启动时加载，我不知道是否有一种方法将指令返回到其他组件中的延迟加载组件。
浏览 3提问于2016-12-07得票数 1
回答已采纳
2回答
角度6圆依赖关系
angular
我在我的Angular 6应用程序中遇到了以下错误。实际上它已经很久了，我正在尝试将旧的Angular 4应用程序升级到Angular 6。
WARNING in Circular dependency detected:
src/app/resources/index.ts ->
src/app/resources/models/filters/sowSearch.model.ts ->
src/app/shared/services/index.ts ->
src/app/shared/services/rest/http.interceptor.ts ->
浏览 0提问于2018-09-09得票数 1
2回答
在调用组件函数时，self.context不是Angular2中的函数
angular、components
我想在实例化angular2组件时调用一个函数，但是我得到了以下错误: TypeError: self.context.dummyFunc不是一个函数
下面是一个人为的例子，但会告诉你我的问题。假设我们有以下组件：
import { Component } from '@angular/core';
@Component({
selector: 'myItem',
template: `<div>This will work->{{dummyFunc()}}</div>`,
})
e
浏览 3提问于2016-08-08得票数 7
回答已采纳
1回答
@NgModules是否通过在根级声明指令、服务等来进行配对？
angular、typescript
我刚刚升级到angular2 RC5，并对这篇关于@NgModules的文章进行了修改。
使用@NgModules，组件、指令、服务等将在模块根级别上声明。我在这方面的想法是:难道我们不试着去分离思想吗?难道我们不尝试归档那些即使是自己的组件也可以使用的构建组件吗？
如果我现在有一个组件，例如"NoteCard“，它在”容器“-component "Notes”中使用。
NoteCard：
import {Component} from "@angular/core";
@Component({
selector: 'note-card
浏览 6提问于2016-08-18得票数 0
回答已采纳
7回答
Angular2 RC6禁用输入
angular
以前在我的Angular2 RC5应用程序中，我有一个输入元素，如下所示：
<input type="text" formControlName="blah" disabled/>
其目的是使用户在编辑模式下不可编辑此字段；因此，禁用了属性。
升级到Angular2 RC6之后，我将在控制台中获得以下消息：
看起来，您使用的是带有反应性表单指令的禁用属性。如果在组件类中设置此控件时，将禁用属性设置为true，则禁用属性实际上将在DOM中为您设置。我们建议使用这种方法来避免“检查后更改”错误。
示例：
form = new FormGroup({ f
浏览 3提问于2016-09-01得票数 14
1回答
Angular2中的路由选择
angular、angular2-routing
我正在学习角质2，但面临着一个让我有点困惑的问题。如果我有一个core和一个nav组件，并且我希望nav组件呈现一个在core组件中定义的路由，我如何做到这一点？
因为现在我已经在core组件中定义了路由，并在[routerLink]="['About']"组件模板中放置了一个[routerLink]="['About']"属性，但是似乎它找不到它，或者出现了一些错误，因为一旦我添加了这个属性指令，它就会导致核心组件不加载和半冻结浏览器，就好像它在执行某种无限循环一样。
告诉我任何对我没有帮助的事情，我都不会出错。我已经阅读了an
浏览 2提问于2016-01-29得票数 1
回答已采纳
1回答
角2对话框不打开
html、angular、typescript
亲爱的斯塔克溢流社区
我对angular2对话框有一个问题，在给您错误之前，这里是我代码的一个片段(我已经说了很多，但我认为它们在这里可能并不重要)
signup.component.ts文件：
import {Component, OnInit, NgZone, SimpleChanges} from '@angular/core';
import {MdDialog} from '@angular/material';
import template from './signup.component.html';
@Component({
浏览 5提问于2017-03-05得票数 1
回答已采纳
1回答
Angular 2我不知道如何删除一行推送的对象
arrays、typescript、angular
首先，让我明确一下我的问题：
首先，它是这样的:在这里的中，它删除了我的case条件中最后创建的对象。
但是我想像这样分别删除每个条件，请看每一行旁边的红框：
import {Component, OnInit, DynamicComponentLoader, Input} from 'angular2/core';
import {Condition} from './condition';
import {DateCondition} from './datecondition.component';
import {Strin
浏览 0提问于2016-03-16得票数 0
回答已采纳
1回答
从@组件角2更新@指令模板选择器中的数据绑定
angular、typescript、data-binding、angular2-directives、angular2-components
我查看了角2中的一个特定的东西，其中我需要更新指令的选择器的数据绑定变量与即将到来的变化。然而，它并不是每次更改都会得到更新。
@组件模板中的指令选择器，让我们调用comp.html
<sunburst-chart [className]="'sunburst-chart'" width="200" height="200" bind-data="costData">
</sunburst-chart>
我针对的数据是“costData”
这是指令的样子，
import { Di
浏览 2提问于2016-10-27得票数 1
2回答
使用模板URL测试指令
testing、angularjs、jasmine、directive
我正在尝试测试一个使用templateURL的angularJS指令。在我的生命中，我无法让编译器实际加载templateURL，即使它已经被放入templateCache中。我意识到karma对所有模板内容进行了预处理，并为每个模板内容创建了预加载templateCache的模块，但我认为这应该是等价的。
这是一个演示所发生的事情的。
angular.module("app", [])
.directive("test", function(){
return {
templateUrl:"some.html",
浏览 0提问于2013-06-19得票数 3
回答已采纳
2回答
作为我学习的一部分，我刚开始学习“角质7”，并试着建立一个业余聊天项目。我真的被困在理解模块和组件上，这让我遇到了一个问题。
问题
我有两个组件message-list和message-item，如教程所示。我不想从那里复制所有的东西，但只想了解消息列表和项目的概念。
然而，我在下面写了一些代码，消息列表不起作用。
模型/信息
export class Message {
avatar: string;
content: string;
timestamp: string;
constructor( avatar: string, content: stri
浏览 1提问于2019-03-12得票数 0
回答已采纳
2回答
Jasmine + Angular2:这个测试模块使用了组件登录，它使用了一个"templateUrl"，但它们从未被编译过
angular、webpack、karma-jasmine
我目前正在将单元测试集成到我的angular 2项目中。我能够测试服务，但我在测试组件时遇到了问题，这些组件使用templateUrl来获取外部模板。我猜这个问题与webpack有关，他错误地解析了路径/目录。这是我的测试文件。
import { TestBed, async } from '@angular/core/testing';
import { FormGroup, ReactiveFormsModule } from '@angular/forms';
import { BasePage } from '../../base/base.pa
浏览 4提问于2016-10-25得票数 2
3回答
如何在<html>中使用Angular2模板？
javascript、angular
我想用html文件替换我的代码模板。我该怎么做呢？
Greeting.annotations = [
new angular.ComponentAnnotation({
selector: 'greeting'
}),
new angular.ViewAnnotation({
template: '<h1>Hello!</h1>'
})
];
我想要这样的东西
template: 'path/to/my/template.html'
我使用Angular2和E
浏览 8提问于2015-11-23得票数 2
回答已采纳
1回答
Angular2错误内联模板:1:20:超过了最大调用堆栈大小
javascript、html、node.js、angular
首先，让我首先说，我完全意识到有几个类似的帖子与这个控制台错误有关。
通常，我会提到这些，但我已经从零开始使用Angular2 5天了，这是我使用过的第一个JS框架，因此尝试将我的问题与另一个JS联系起来更加困难。在把我撕成碎片之前，请记住！
现在转到我的问题，我已经设法拼凑了一个非常基本的脚手架为一个网站，我已经创建了几个组件，我基本上是作为每个“页面”的网站(在本例中，‘家’，‘联系人’，‘肚脐’，‘页脚’)。我已经开始尝试实现路由，这样当URL = '‘您被重定向回家时，或者如果您输入了一个特定的地址，它就会相应地指向您。
我遇到的问题是，一旦站点加载了这个控制台错误："
浏览 0提问于2017-03-13得票数 1
回答已采纳
1回答
angular2中使用动态组件加载器的双向数据绑定
javascript、typescript、angular
我想知道如何在angular2.forex中使用动态组件加载器与加载的组件建立双向数据绑定。
ngAfterViewInit() {
//console.log('Generic Component...' + this.componentName + " Loading");
let componentIndex = this.keysRegister.indexOf(this.componentName);
this.dcl.loadNextToLocation(this.typesRegister[componentIndex],this.target
浏览 0提问于2016-07-11得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
