如何向Angular 5模板添加更多SVG或Html元素/事件？
在Angular 5模板中添加更多的SVG或HTML元素/事件可以通过以下步骤实现：
- 首先，在你的Angular项目中创建一个组件，可以使用Angular CLI的命令行工具来创建组件：
ng generate component my-component。 - 打开新创建的组件文件，通常是
my-component.component.ts，在该文件中，你可以定义你需要的SVG或HTML元素/事件。例如，你可以通过引入@ViewChild装饰器来访问模板中的SVG元素，以及通过使用Renderer2来添加事件。
下面是一个示例代码片段：
import { Component, ViewChild, ElementRef, Renderer2 } from '@angular/core';
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent {
@ViewChild('mySvg', { static: true }) mySvg: ElementRef;
constructor(private renderer: Renderer2) { }
ngAfterViewInit() {
// 添加事件监听器到SVG元素
this.renderer.listen(this.mySvg.nativeElement, 'click', () => {
console.log('SVG被点击了！');
});
}
}- 接下来，在你的模板文件
my-component.component.html中，可以添加额外的SVG或HTML元素，并通过Angular的事件绑定语法来调用组件中定义的事件。例如：
<svg #mySvg>
<rect x="0" y="0" width="100" height="100" fill="red"></rect>
</svg>
<button (click)="myButtonClick()">点击我</button>- 最后，在你的主组件或其他任何组件中引用并使用刚刚创建的
my-component组件。例如，在主组件的模板文件中添加以下代码：
<app-my-component></app-my-component>通过以上步骤，你就可以向Angular 5模板添加更多的SVG或HTML元素/事件了。
对于腾讯云相关产品和产品介绍链接地址的推荐，根据你提供的要求，我不能直接给出答案。但你可以参考腾讯云的官方文档和产品介绍页面，以了解他们在云计算领域的产品和服务。
相关·内容
我有一个网页，使用角和路由数据从一个TS文件。除(点击)外，一切正常。
如果我将带有(click)函数的SVG直接放在HTML中，它就能工作，但是如果我从TS文件中调用SVG，它就不起作用了。如果我删除(按一下)=linkOpen()，该链接将继续在一个新窗口中打开；如果我删除了target=iframe，该链接将在当前选项卡中打开。
project.component.html：
<div class="page" *ngIf="project$ | async as project">
<div [innerHTML
浏览 2提问于2019-01-11得票数 1
回答已采纳
1回答
我试图应用垂直导航组件(从清晰度)在一个自定义组件(重新静音)。清晰垂直导航的基本格式是：
<div class="content-container">
<clr-vertical-nav>
... nav content ...
</clr-vertical-nav>
<div class="content-area">
... site content ...
</div>
</div>
我的sidenav组件(布局-sid
浏览 1提问于2018-06-05得票数 2
1回答
我有以下html ( angular 5组件中的一个模板)：
<div class="center">
<object id="img" data="assets/img/big_layout.svg" #svg></object>
</div>
在我的组件中，我有以下内容：
@ViewChild('svg') svg: ElementRef;
ngAfterViewInit() {
this.svg.nativeElement.addEventListen
浏览 4提问于2017-11-06得票数 0
1回答
我想要动态导入svg，我无法在我的超文本标记语言页面中显示svg我使用Angular js:我有这样的代码: Directive.js：
angular.module ('SvgMapApp') directive ('svgMap', ['$ compile', function ($ compile) {
return {
restrict: 'A',
templateUrl: 'Scripts/widget.svg',
link: functio
浏览 0提问于2017-12-26得票数 0
我想使用jQuery创建一个img元素。由于我使用Django，所以必须通过静态变量引用imagefile。我尝试了不同的解决方案来实现这一点，但是服务器无法加载图像，因为浏览器获取了错误的url。
我最初加载了静态文件，所有其他静态文件都加载得很好。
这是我的代码，位于相关的.js文件中：
// foo.js included in foo.html which extends base.html
// Create Image element
var arrowImage = $('<img />', {
id: 'arrowImage'
浏览 3提问于2020-05-01得票数 0
回答已采纳
我的html body标记中有一个可调整大小的svg元素。但是，当我调整它的大小时，没有任何函数被调用。
下面是我的jQuery代码：
$(document).ready(function () {
$('body').on('resize', 'svg', function() {
console.log('svg is resizing');
});
});
当svg元素的大小发生变化时，应该调用此函数。但是，我在控制台中没有看到任何"svg正在调整大小“的输出。请解释为什么没有调用此代
浏览 1提问于2014-05-05得票数 0
1回答
我目前正在尝试使用Angular组件来显示svg图标，如下所示 import {Component} from '@angular/core';
@Component({
selector: 'app-profile-icon',
templateUrl: './profile-icon.svg',
styleUrls: ['./profile-icon.component.scss'],
})
export class ProfleIconComponent {
} 我在html文件中调用了这个元素。
浏览 20提问于2020-03-30得票数 0
3回答
我需要一些关于Angular2 RC1 web应用程序中外部变化的DOM的帮助。场景很简单:我确实有一个组件，其中包含一个带有ID的空div，如下所示
<div id="my-svg-canvas"></div>
类型化组件有一个ngOnInit方法，该方法从普通JS文件中触发一个函数，该文件通过index.html中的脚本标记包含。该函数将SVG呈现到上面列出的"div“标记中。SVG包含一些带有单击指令的a-元素，这些指令引用了组件中的几个方法。
在SVG完全编写之后调用$scope.$apply()之后，这在当时的$scope.$apply
浏览 0提问于2016-05-27得票数 3
回答已采纳
官方文档中有一个不起作用的活例子：
活例错误是:导入错误，找不到文件：./svg.component.svg
如果我下载了这个示例并安装了npm，就会得到以下错误：
ERROR in ./src/app/svg.component.ts
Module not found: Error: Can't resolve './svg.component.svg' in 'C:\Users\Elias\Desktop\New folder\src\app'
svg.component.ts有以下部分代码：
import { Component } from &#
浏览 0提问于2019-07-13得票数 0
回答已采纳
我有模板：
<svg style="width:{{bWidth}}px; height:5vh;">
<path d="M0,0 L 0, {{pathOne}} {{pathTwo}},{{pathThree}} {{pathFour}},0 Z" fill="#666666" vector-effect="non-scaling-stroke"/>
<image width="150px" height="{{imgHeight}}px" xmlns:xlin
浏览 3提问于2017-04-08得票数 1
回答已采纳
2回答
向D3 Chord图添加标签
、、、、
我是一个新手程序员，所以这对你们中的大多数人来说可能是一个简单的问题。对于此Chord图的标签和/或鼠标悬停文本，我需要哪些代码行？
我需要它来显示该类别的名称在外层条带。当你将鼠标悬停在上面时，我想要显示确切的数字和两个类别。就像这样：'A: 5Thing from B‘。
编辑：
我仍然不知道如何在我的代码中实现它。有人可以填写我的示例代码并解释一下发生了什么吗？
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" con
浏览 0提问于2012-05-12得票数 14
回答已采纳
我使用的是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
错误报告
离子版：x 4.x
当前行为：在iOS设备上，当项目通过组件添加到列表中时，屏幕跳到列表的顶部。
这在网络(Chrome或Safari)或Android设备上都不是问题。
预期行为：屏幕滚动不应受向列表中添加项的影响。用户应该看到新的帖子出现，并继续正常滚动。
复制步骤：
用Xcode构建应用程序
在设备上运行
开始向下滚动。一旦你点击邮政5，你将被发送到屏幕的顶部(邮政1)。
相关代码：
回购在。以下是两个相关的文件：
src/app/home/home.page.html:使用离子-无限滚动的HTML
<ion-content>
&l
浏览 3提问于2020-02-03得票数 1
1回答
考虑到我们可以将模板文件保存为.svg而不是.html，我想我可以按照下面的方式来制作svg组件。
main.component.svg
<svg>
<my-svg-component></my-svg-component>
</svg>
mySvg.component.svg
<text x="0" y="60">test text</text>
我说<text></text>不是一个可识别的元素时出错了，所以我将它修改为
<svg:text x=&#
浏览 1提问于2019-11-19得票数 4
回答已采纳
2回答
我想在组件变量'a‘或svgicon.component.html中保存test.svg。
因此，我创建了svgicon.component.ts文件。但不起作用。我该怎么办？
svgicon.component.ts
import { Component, OnInit } from '@angular/core';
import { svgs } from './svg/test.svg';
@Component({
selector: 'app-svgicon',
templateUrl: './svgicon
浏览 0提问于2017-09-14得票数 0
我正在使用nvd3在javascript中构建一个图形，需要添加几个自定义按钮。
使用d3，我似乎只有一个附加对象。在我当前的设置中，self.selector是一个svg元素.
d3.select(self.selector).insert("button")
我考虑了几个选择：
目标self.selectors父元素并插入html元素，以便以这种方式切换。
以svg为目标，插入一些我可以使用javascript访问的svg按钮。
使用其他一些本机js方法在svg之前插入我想要的hmtl元素。
这些方法有什么利弊吗？我在这个项目中不使用jQuery。
浏览 5提问于2015-01-06得票数 1
回答已采纳
1回答
我需要验证boost模块的配置是否正确。是否有任何方法来验证。我试着添加更多的数据，但是在boost和没有boost的情况下，我看不到任何差别。
在所有基于SVG的图表解决方案(包括 )中，在向图表中添加几百个点后，性能会下降。
向基于SVG的图表添加这么多对象(点)的过程需要时间和用户与这些对象的交互(如值、标题、工具提示等)。感觉很慢。因为SVG元素有限制，可以添加到DOM中。
HTML5画布技术没有这样的限制。但是纯HTML5画布解决方案缺乏DOM访问、不同屏幕解决方案之间的清晰渲染等SVGs强度。
因此，HighCharts工程师通过使用SVG和HTML5画布技术，做出了一种混合解决方
浏览 4提问于2020-08-11得票数 1
回答已采纳
如何计算ng attr中已插入ng-bind的元素？
HTML：
<body ng-app="TestApp" ng-controller="TestCtrl">
<div ng-bind-html='y | to_trusted'></div>
<svg width="100" height="100">
<path ng-attr-d="M{{x}},10L50,50L10,50Z" />
<
浏览 1提问于2014-04-18得票数 0
回答已采纳
我的目标是将代码从Angular 1.3转换到Angular 2(两种情况下都使用SVG )。
我尝试了以下简单的测试代码，它在不涉及插值的情况#1中有效，但在情况#2 (使用插值)中不起作用，生成的SVG代码中唯一的区别是在元素中包含了一个额外的属性: class="ng-binding“
有没有办法抑制前面的class属性，或者有其他的解决方案？
顺便说一句，我不能得到很好的格式(对不起)。
HTML网页的内容：
<html>
<head>
<title>SVG and Angular2</title>
<
浏览 1提问于2015-04-11得票数 3
我想将数据从colors.component.html表单传递到colors.component.ts，但它没有给出数据。
有谁可以帮我？
colors.component.html
<form (ngSubmit)="onSubmit()">
<div class="form-group">
<label for="exampleInputEmail1">Nama</label>
<input type="text" class="form-c
浏览 0提问于2018-07-05得票数 0
回答已采纳
2回答
var app = angular.module("myDiscuss", ['ui.bootstrap']);
app.controller('PageController', function($scope, $http) {
$scope.showModalTag = false;
$scope.opentag = function() {
$scope.showModalTag = !$scope.showModalTag;
};
});
app.directive('tagmodal', fun
浏览 0提问于2016-04-11得票数 0
1回答
我试图用不同的值在页面上两次显示SVG (在指令中呈现)。SVG-指令位于ng-重复中。
这是相关的html：
<div ng-repeat="sprint in project.sprintinfo"
...//other repeat stuff
<div class="col-xs-4">
<circlesvg
percentages="sprint.percentages"
total
浏览 6提问于2015-10-15得票数 0
回答已采纳
我正在学习angularjs，并且我正在尝试使用ng-repeat来创建svg图。
我有这个html：
<svg>
<g id="g_{{$index}}" ng-repeat="i in range" ng-cloak>
<rect x="{{i / 5}}" y="{{i / 5}}" width="{{i / 5}}" height="{{i / 5}}"></rect>
</g>
</svg&g
浏览 0提问于2013-05-01得票数 11
回答已采纳
我正在为我的应用程序创建一个自定义复选框指令，但是选项卡跳过它。如何强制选项卡键在我的指令下停止？
代码：(注意:柱塞现在似乎在煎蛋上.)
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div ng-controller='TestCtrl'>
<input type='text' />
<test-checkbox ng-model='isChecked'>&l
浏览 7提问于2015-02-08得票数 0
我正在为此而苦苦挣扎，似乎失去了所有的想法。 在angular component中，我从外部资源加载SVG <object type="image/svg+xml" [data]="svgURL"></object> 加载的SVG对象包含如下项目： <g onclick="onClickArea(evt,'3')></g> 所以当我点击SVG的特定区域时，我得到了错误： 0276a76ee45640eba80002580a126a38:158 Uncaught ReferenceErr
浏览 40提问于2019-04-12得票数 3
我在Dart中有Angular2应用程序(如这里- )，并从那里调用javascript (D3.js库)
问题: svg循环没有加载css
app_root.dart：
@Component(
selector: 'root',
templateUrl: 'app_root.html',
styleUrls: const ['app_root.css'],
)
class RootComp {
Future showCircle() async {
injectScript('http://d3js.org/d3.
浏览 0提问于2016-09-05得票数 1
回答已采纳
1回答
这是我的代码=。我试过很多次了。本节显示将在容器部分加载的svg映像。admin.component.html(Contains SVG图像)
<div class = "container" style="text-align: center; position: relative; left: 0; top: 0;">
<img class="center1" type="image/svg+xml" src="assets/1.jpg" width="500px"/&
浏览 5提问于2020-02-08得票数 0
当一个图标被点击时，我正在尝试生成一个对话框。当我单击md-icon时，我得到了以下错误。对话框打开，但我在控制台上看到以下错误：
TypeError: Cannot read property 'getBoundingClientRect' of undefined
at transformToClickElement (angular-material.js:4652)
at dialogPopIn (angular-material.js:4630)
at Object.onShow (angular-material.js:4538)
at InterimElement
浏览 0提问于2015-04-04得票数 4
回答已采纳
2回答
谷歌Chrome v60.0.3112.101，HTML5，jQuery 3.2.1
我的object元素与svg-file链接。此svg在我的html页面上显示时没有问题。我尝试用jQuery获取svg元素，但它对我的两次尝试都没有找到：
$('object').length; // 1
$('svg').length; // 0
$('object > svg').length; // 0
这是我的html块：
<object type='text/svg+xml' data='svg/logo.svg&#
浏览 26提问于2017-08-19得票数 3
3回答
静态图像不会显示在html模板中。
我使用的是JHipster 4.14.1 - Angular 5 - webpack 3.10.0
我将我的图像放在这个文件夹中：/webapp/content/images
我在html模板中使用了这个标记：<img scr="../../content/images/hello.png" alt="hello the world">
根据这个描述相同问题的链接，我的webpack配置似乎还可以。
我的"webpack.common.js“文件包含：
test: /\.html$/,
lo
浏览 0提问于2018-06-07得票数 0
2回答
我有个新的d3.js问题。我尝试输入了许多教程输入，但我似乎永远无法使显示输出工作。这里有一个例子。我有一个d3.js页面模板示例(取自Scott的D3书)。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>D3 Page Template</title>
<script type="text/javascript" src
浏览 2提问于2013-10-20得票数 1
回答已采纳
我正在使用ng-重复指令生成一些带有<rect>的<animate>子程序。
在页面加载上，动画被正确地触发，一切都按预期发生。但是，当我添加一个新的<rect>时，动画不会发生。
下面的代码片段演示了这种行为：
function Controller($scope) {
$scope.rects = [];
var spacing = 5;
var width = 10;
var height = 100;
var x = 10;
var y = 10;
$scope.newRect = function() {
浏览 2提问于2014-10-28得票数 2
回答已采纳
2回答
我目前在绑定DIV中正确地对齐内联SVG时遇到了问题，就像这个例子一样。
<!DOCTYPE html>
<html>
<body>
<div style="border: 1px solid black; height: 50px; width: 100px; vertical-align:top;">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"
浏览 1提问于2012-01-26得票数 4
回答已采纳
我正试图为我的班级完成一个可选的项目，我们在过去的一个月里一直在使用React，并且我已经对这个框架相当满意了。不过，为了更好地理解事物实际上是如何在引擎盖下工作的，我尝试重新创建对象的实例化过程，并在页面上使用普通的JavaScript来呈现对象。
我现在发帖子是因为我遇到了麻烦，我很难在网上找到有用的材料。
在下面的代码中，我已经成功地querySelected了我的输入和一个按钮，我希望在显示Idea类的唯一实例的页面上呈现一个对象。该对象附带一些按钮:最喜欢的、删除的、向上的和否决的。
到目前为止，我所取得的成就如下：
针对DOM元素并捕获它们的输入
用输入值实例化对象并将其推
浏览 0提问于2019-05-17得票数 0
我刚接触到角，如何检查特定的div是否有像jquery这样的类并更新那个div类，
在jquery中，我知道如何做，但在角度上如何做，
$("#sidebarToggle").on('click',function(e) {
$(".sidebar").toggleClass("toggled");
});
我试过下面的代码在角5。
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
浏览 1提问于2018-12-26得票数 1
回答已采纳
2回答
我必须从服务器加载Html数据，就像我有'click‘一样
但是，当我将此数据赋给angular2中的innerHtml属性时，它显示html，但单击even不起作用。
这个问题有什么解决办法吗？
有一些关于使用动态组件的建议，但我没有找到任何好的angular2最终版本的教程。
import { Component, ViewChild, ElementRef, OnInit, Directive } from '@angular/core';
import { HttpComponent} from './http.component';
imp
浏览 2提问于2016-10-16得票数 2
我正在努力在没有组件标签的情况下动态地生成组件。基本上，我有一个包含svg图片的主要组件。
我正在尝试编写一个组件，它将在标记svg内生成矩形。我尝试按照angular教程学习动态组件，但我在生成组件时得到的是：
不幸的是，由于ng-component的原因，没有显示任何内容。
下面是组件模板：
@Component({
selector: '',
template: ``<svg:rect width="1000px" height="1000px" fill="white">``,
styleUrls:
浏览 0提问于2020-01-30得票数 3
当我们加载角程序登录页面时，我试图在中间显示旋转图标。
下面是我的角度应用程序的index.html代码
<!doctype html>
<html>
<head lang="en">
<meta charset="utf-8">
<base href="./">
<meta name="viewport" content="width=device-width, initial-scale=1
浏览 2提问于2018-09-12得票数 0
1回答
由于缺乏使用AngularJS开发的专业知识，我们在开发过程中遇到了另一个障碍。
我们正在开发一个角/Web应用程序，其中我们的页面仅由一个交互式SVG图组成，当用户在一个角指令中的特定SVG标记上徘徊时，它会显示数据。
当前应用程序中有两个自定义指令。
指令一-将SVG文件加载到网页中。
指令二-添加SVG元素悬停事件/数据筛选器
指令一：
//directive loads SVG into DOM
angular.module('FFPA').directive('svgFloorplan', ['$compile'
浏览 2提问于2017-03-23得票数 1
回答已采纳
如何将数据从角标记传递到@Component中的样式
这里是我的组件：
import { Component, Input } from '@angular/core';
@Component({
selector: 'icon',
template: `<svg class="icon"><use attr.xlink:href="#{{name}}"></use></svg>`,
styles: ['.icon{width:{{size}}px;}'
浏览 0提问于2017-01-14得票数 3
回答已采纳
我们正处于一个新项目的研究阶段，该项目将用于广告领域。用户创建了一堆项目，这些项目将在屏幕上的不同区域播放，然后可以交换出动画(图像/文本等)。
我们正在推动一个HTML5解决方案，它将负责渲染，但一个新的建议是只使用SVG (和SMIL)。
我知道您可以在HTML5页面中嵌入SVG内容，并且有许多比较canvas和SVG的链接。
我需要知道的是，与单纯基于HTML5的解决方案相比，基于SVG的解决方案的优缺点是什么？此外，对于该项目的长期计划，我可以看到HTML5允许的更多。
另外，我不确定使用SVG的用户可以使用哪些工具支持。大多数项目必须是可模板的(更改文本/图像)，这是可能的吗？
提亚
浏览 2提问于2011-08-12得票数 1
我正在创建一个使用SVG的web应用程序。我已经创建了由SVG元素组成的组件，并将它们放入根svg元素中。他们有属性选择器，因为SVG/XML文档树是严格的，所以我不能使用元素选择器。他们有一个以svg:g标签开头的模板：
@Component({
selector:'[foo]',
template: '<svg:g>...</svg:g>',
})
在应用程序中，我希望在用户按下按钮时创建一个组件，并同时开始拖动它。我认为这可以通过使用动态创建组件来实现
@ViewChild('dynamicContentPlac
浏览 4提问于2016-08-02得票数 4
我在Angular9组件模板中使用内联SVG。我想在这个SVG中显示一个HTML元素。当我尝试在其中使用SVG foreignObject时，不会显示它。
<p>Inline SVG with foreignobject inside angular component:</p>
<svg xmlns="http://www.w3.org/2000/svg" width="200px" height="100px">
<rect x="0" y="0" width=&#
浏览 4提问于2020-03-16得票数 2
回答已采纳
当用户想要在基于Angular的应用程序中添加点击事件处理功能时，可以添加
(click)="someFunction()"
添加到某个html元素。
核心Angular模块代码的哪一部分负责创建此事件绑定并处理它？我正在通过Angular 5.x代码寻找答案，但没有找到任何可以清楚地说明它是用于创建和处理(单击)事件绑定的行。
浏览 13提问于2018-02-20得票数 3
在我的应用程序中的多个路线之间导航时，我在angularJS中使用document.ready遇到了问题。它只在我使用ctrl+f5 (页面重载)时才起作用；似乎在页面之间导航并不会将文档的状态更改为ready。
控制器
angular.element(document).ready(function() {
window.scrollTo(0,90);
});
主html文件
<!DOCTYPE html >
<html ng-app="myApp">
<head>
<meta http-equiv
浏览 52提问于2013-07-30得票数 21
回答已采纳
我的组件中有一个数组
this.myArray = [
{
img: '/path/to/myImage.svg',
title: 'My Image'
}
]
我在模板中使用它来呈现一个列表
<div *ngFor="let item of myArray">
<img src="/path/to/myImage.svg"> --> This works
<img [src]=
浏览 0提问于2021-01-20得票数 0
我在HTML中嵌入了一个带有标记定义的SVG。标记定义只是一个带有onmouseover事件的圆。然后我在路径上使用标记，如下所示...
<...html...>
<svg>
<defs>
<marker id="point" refX="5" refY="5" markerWidth="10" markerHeight="10">
<circle id="p2" cx="5" cy="5"
浏览 2提问于2011-07-23得票数 4
1回答
我有一个棘手的问题，我似乎搞不清楚。它有很多不同的文件，所以让我们开始没有添加任何代码或文件文档。
所以我得到了一个SVG图像，上面有很多正方形的路径。我在Inkscape中的一个正方形路径上放置了一个正方形图像。然后我将SVG文件嵌入到HTML中，我想在HTML中添加了一个指向该路径的链接w/ image。我在添加链接或任何东西时都没有问题，它工作得很好，但现在似乎图像取消了链接。之前，链接工作得很好，但当图像加载到正方形上时，它就像覆盖了链接一样。在将图像完全加载到浏览器中之前，该链接可以工作并可访问。但是，一旦图像加载到带有链接的路径之上，它就会覆盖该路径，并且不再起作用。
这很常见吗?
浏览 2提问于2020-09-18得票数 0
这段代码在单击组件button.After时动态添加一个svg映像，我试图将警告函数传递给动态创建的组件，但它不响应单击。请帮帮忙。我试图使用id、class、path传递函数。
<html>
<head>
<title>buttons</title>
<style>
input[type="button"]{
color:#050;
font: old 84% 'trebuchet ms',helvetica,sans-serif;
background-color:#fed;
border:
浏览 1提问于2014-06-16得票数 0
回答已采纳
我跟踪了app.component.html主模板中表达式的计算结果，并意识到每次刷新或单击任何页面时，跟踪都会出现5次。然后，我在ngOnInit of app.component.ts中放置了一个跟踪，它只按预期执行一次.只有html文件中的表达式被多次调用！
主要路线定义：
const routes: Routes = [
{ path: '', redirectTo: '/dashboard', pathMatch: 'full' },
//{ path: '', component: DashboardComp
浏览 3提问于2017-04-13得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
