如何在eureka服务器上注册angular应用程序
在Eureka服务器上注册Angular应用程序的步骤如下：
- 确保你已经安装了Java Development Kit（JDK）和Maven，并且已经配置好了相应的环境变量。
- 创建一个新的Angular应用程序或者使用现有的Angular应用程序。
- 在Angular应用程序的根目录下，打开命令行终端。
- 使用以下命令安装Eureka客户端库：
- 使用以下命令安装Eureka客户端库：
- 在Angular应用程序的src/app目录下创建一个新的文件，命名为eureka.config.ts，并添加以下内容：
- 在Angular应用程序的src/app目录下创建一个新的文件，命名为eureka.config.ts，并添加以下内容：
- 请根据实际情况修改主机名、IP地址和端口号等参数。
- 在Angular应用程序的src/app目录下创建一个新的文件，命名为eureka.service.ts，并添加以下内容：
- 在Angular应用程序的src/app目录下创建一个新的文件，命名为eureka.service.ts，并添加以下内容：
- 在Angular应用程序的src/app目录下的app.component.ts文件中，添加以下代码以在应用程序启动时注册到Eureka服务器：
- 在Angular应用程序的src/app目录下的app.component.ts文件中，添加以下代码以在应用程序启动时注册到Eureka服务器：
- 在Angular应用程序的src/app目录下的app.component.ts文件中，添加以下代码以在应用程序关闭时从Eureka服务器注销：
- 在Angular应用程序的src/app目录下的app.component.ts文件中，添加以下代码以在应用程序关闭时从Eureka服务器注销：
- 现在，你的Angular应用程序将在启动时注册到Eureka服务器，并在关闭时从Eureka服务器注销。
请注意，以上步骤中的代码示例仅供参考，你需要根据实际情况进行修改和适配。此外，腾讯云提供了一系列与云计算相关的产品，例如云服务器、云数据库、云存储等，你可以根据具体需求选择适合的产品。你可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于腾讯云的产品和服务。
相关·内容
2回答
如何在angular 4中使用typescript设置文本框值？
html、angular、typescript、textbox
如何使用TypeScript在Angular 4中设置文本框值？我试过用这种方法，但不起作用。
app.component.html
<form class="example-form">
<mat-form-field class="example-full-width">
<input matInput class='aaaa' placeholder="Favorite food" [(ngModel)]="form1" value="{{setTextBo
浏览 0提问于2018-01-05得票数 1
1回答
错误:秘密(承诺)：错误:不能匹配任何路由。URL段：“详细信息”
angular、angular8、angular-routing
我想在角应用程序中使用routerLink。
app.module.ts
imports: [
BrowserModule,
AppRoutingModule,
HttpClientModule,
RouterModule.forRoot([
{
path: 'details/:title',
component: NewsDetailsComponent
},
{
path: '',
component: AppComponen
浏览 2提问于2020-02-13得票数 0
回答已采纳
4回答
无法使用typescript将新组件添加到我的angular 2应用程序
angular、typescript、atom-editor、angular-components
我使用Angular 2CLI，并用ng generate component MyComponent创建了组件"MyComponent“。据我所知，我必须将该组件添加到@Component装饰器的指令键-值对中，但此时typescript编译失败，原因如下：
ERROR in [default] /Users/Philip/Desktop/Angular2/src/app/app.component.ts:8:2
Argument of type '{ selector: string; template: any; styles: any[]; directives: t
浏览 49提问于2016-09-16得票数 18
回答已采纳
3回答
Angular2 RC6升级
angular、angular2-upgrade
将我的项目更新到RC6后，出现以下错误：
Error: Typescript found the following errors:
app.component.ts (12, 3): Argument of type '{ moduleId: string; selector: string; templateUrl: string; styleUrls: string[]; directives: (type...' is not assignable to parameter of type 'ComponentMetadataType'.
Obj
浏览 3提问于2016-09-02得票数 8
回答已采纳
1回答
嵌套组件绑定空
angular
我试图理解属性绑定，它一直很混乱，我能够解决我的控制台充满错误，但我不知道为什么我的绑定。
app.component.html
<div class="container">
<div class="row">
<div class="col-xs-12">
<app-game-control [childTitle]="parentSelector"></app-game-control>
</div>
</d
浏览 0提问于2017-12-09得票数 0
2回答
角不会识别新的成分
angular
我是新的角，我正在创建我的第一个应用程序的英雄之旅(每个人都这样做)。但问题是角不能识别新的成分。就像它没有给出任何错误，而不是在浏览器中呈现
更新：，Ok，我有ng再次为我的应用服务，就像Wahab Shah一样，但是这次是从VS代码终端而不是终端开始工作的。非常感谢你的帮助
heroes.component.html
<h2>{{hero.name | uppercase}} Details</h2>
<div><span>id: </span>{{hero.id}}</div>
<div>
<
浏览 4提问于2020-04-14得票数 1
回答已采纳
2回答
在index.html中删除url，但如何在app.component.ts中使用它们
javascript、angular
我从index.html的url中删除了查询参数，但我希望在app.component.html中使用这些查询参数，并且我的app.component.ts使用ActivatedRoute，现在当我在index.html中使用此脚本时，我的app.componen.ts也无法接收这些查询参数，我如何让app.component.ts拥有我的查询参数？ 这是我在index.html中删除查询参数的脚本： <script type="text/javascript">
var url = window.location.toString();
i
浏览 6提问于2019-06-17得票数 0
回答已采纳
1回答
在angular组件中全球化js
angular、typescript、globalization、globalize
您好，我正在尝试创建一个支持L10n .I的angular 4应用程序，希望在该应用程序中使用 .My组件应用程序组件如下
import { Component,OnInit } from '@angular/core';
import globalize from 'globalize';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css
浏览 11提问于2017-08-21得票数 3
2回答
无法在angularjs应用程序中加载@tensorflow/tfjs
javascript、tensorflow
我正在关注的Youtube视频，学习如何构建一个基本的tensorflowjs应用程序。我现在在视频的3点22分。我检查了控制台，控制台说：
src/app/app.Component.ts(2，21)中的错误: ERROR TS2307:无法找到模块@tensorflow/tfjs。
src/app/app.component.ts(10,14)：error TS2420:类'AppComponent‘不正确地实现接口'OnInit’。
属性'ngOnInit‘在'AppComponent’类型中缺失。
我确实严格地跟踪了视频，我不明白为什么会有这个错
浏览 0提问于2018-04-25得票数 3
我正在创建一个购物列表项目，我试图通过服务将选定的数据从我的header.component.html传递到app.component.ts，然后尝试在app.component.ts中只传递console.log。但我看到，console.log语句app.component.ts中没有打印任何内容，我也没有收到任何错误。
下面是指向它的gist链接，代码在too.Any帮助下面，将受到高度赞赏。
我用过这里的服务。
Header.component.html
<nav class="navbar navbar-default">
<div class=&
浏览 0提问于2019-01-16得票数 0
1回答
角度2滑块示例不会滑行
angular、angular-material
我试图在中复制简单的角材料滑块，按照它的柱塞代码。
但我的滑块不会滑。我只能让它跳到点击的位置。但它不会点击和拖动。
我一直在看柱塞代码，试图找出我缺少的东西。当我检查并比较我的结果页面和工具中的示例时，我没有看到“md-滑块滑动”类像在示例中那样出现在我的元素中。不知怎么的，我没有产生或捕捉到那个事件。我希望我正在展示诊断所需的所有相关代码。(我不发很多问题，所以如果需要的话，请编辑以改进。)
应用程序-module.ts
import { FormsModule } from '@angular/forms';
import { MaterialModule } from
浏览 1提问于2017-01-27得票数 2
2回答
import { Component,OnInit } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
enum AppStatus {
ACTIVE,
INACTIVE,
ONHOLD
}
浏览 0提问于2020-04-03得票数 0
1回答
火球发球并不能产生与ng发球相同的效果。
angular、typescript、firebase、firebase-hosting
我是新的网页开发，并试图制作一个防火墙托管的角度网页应用程序。我使用了角-cli从Webstorm生成这个项目。
我有一个简单的角度web应用程序，它在加载时显示文本
ng serve
它工作得很好：
但是，当我加载完全相同的代码
firebase serve
我明白了：
据我所知，firebase没有将组件从app.component.ts连接到代码中的html标记<app-root>存在一些问题。除此之外，我不知道发生了什么，我花了几天的时间试图弄清楚。
index.html
<!DOCTYPE html>
<html>
<head>
浏览 5提问于2017-01-25得票数 3
回答已采纳
1回答
如何在加载时获取角度6中下拉列表的选定值(不是onchange)
html、angular、typescript
我有一个select下拉列表，我通过循环从一个数组中获取option的数据和值。在这里，我需要在没有onchange的情况下加载页面时获取selected drop的值(在本例中是Recent)。下面是代码。 app.component.html <select>
<option *ngFor="let v of values" [value]="v.id">
{{v.name}}
</option>
</select> app.component.ts import { Component
浏览 19提问于2019-05-24得票数 0
1回答
我对角质很陌生。我正在使用角5。我试图创建一个GameComponent有一个开始按钮。单击Start按钮时，它应该定期调用startGame()，它会增加一个数字并将其记录到控制台。以下是代码：
app.component.ts
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css
浏览 0提问于2018-03-27得票数 2
2回答
角2分量指令不工作
javascript、angular、typescript
我是一个角度2的初学者，我想让我的第一个应用程序工作。我正在使用TypeScript。我有一个app.component.ts，其中我向另一个名为todos.component的组件发出了一个指令，但是我在编译时得到了以下错误：
[0] app/app.component.ts(7,3): error TS2345: Argument of type '{ moduleId: string; selector: string; directives: typeof TodosComponent[]; templateUrl: string; s ...' is not assi
浏览 6提问于2016-09-23得票数 27
回答已采纳
1回答
为什么我的angular2应用程序初始化两次？
typescript、angular、angular2-routing
请告诉我我的错误在哪里，我的应用程序运行了两次AppComponent代码。我有5个档案：
main.ts:
import { bootstrap } from '@angular/platform-browser-dynamic';
import { enableProdMode } from '@angular/core';
import { AppComponent, environment } from './app/';
import { APP_ROUTER_PROVIDERS } from './app/routes'
浏览 2提问于2016-07-14得票数 7
回答已采纳
1回答
NgxAuthFirebaseUIModule显示错误NullInjectorError: R3InjectorError(AppModule)[ActivatedRoute -> ActivatedRoute -> ActivatedRoute]：
angular、firebase、google-cloud-firestore、firebase-security
我是angular的新手，并尝试与firestore集成，但在使用firestore身份验证时获得NullInjectorError R3InjectorError(AppModule)ActivatedRoute -> ActivatedRoute -> ActivatedRoute。这是我的代码。提前谢谢。 app.module.ts import { BrowserModule } from '@angular/platform-browser';
import {FormsModule} from '@angular/forms'
imp
浏览 42提问于2021-04-06得票数 0
1回答
试着增加角材料时的误差分量加载
node.js、angular
我正试图在我的角度项目中添加角质材料。我增加了角材料，下面是我的档案。
app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
i
浏览 0提问于2018-10-02得票数 1
回答已采纳
2回答
Angular5，组件之间的交互
angular、typescript、angular5、angular-components
目前正在攻读Angular5课程，在对这个主题做了一段时间的研究之后，我仍然不完全理解以下内容：
代码：
App.component.html：
<app-server-element
*ngFor="let serverElement of serverElements"
[element]="serverElement"
></app-server-element>
App.component.ts：
import { Component } from '@angular/c
浏览 5提问于2017-11-12得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
