如何使用angular 6在对象中发布对象
在Angular 6中，可以使用对象来发布对象。具体步骤如下：
- 首先，确保已经安装了Angular CLI，并创建了一个新的Angular项目。
- 在项目中创建一个新的组件，可以使用以下命令：
- 在项目中创建一个新的组件，可以使用以下命令：
- 打开新创建的组件文件（my-component.component.ts），在组件类中定义一个对象，并给它赋初值。例如：
- 打开新创建的组件文件（my-component.component.ts），在组件类中定义一个对象，并给它赋初值。例如：
- 在组件的HTML模板文件（my-component.component.html）中，可以使用插值表达式来显示对象的属性。例如：
- 在组件的HTML模板文件（my-component.component.html）中，可以使用插值表达式来显示对象的属性。例如：
- 最后，在需要显示该组件的父组件中，添加my-component标签。例如：
- 最后，在需要显示该组件的父组件中，添加my-component标签。例如：
这样，当父组件被加载时，my-component组件将会显示myObject对象中的属性值。
关于Angular 6的更多信息和相关产品，你可以参考腾讯云的官方文档和产品介绍页面：
- Angular 6官方文档：https://angular.io/docs
- 腾讯云前端开发服务：https://cloud.tencent.com/product/fe
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云云数据库（CDB）：https://cloud.tencent.com/product/cdb
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
- 腾讯云区块链（BCB）：https://cloud.tencent.com/product/bcb
- 腾讯云元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse
请注意，以上链接仅为示例，实际使用时请根据具体需求和腾讯云的最新产品信息进行选择。
相关·内容
我正在尝试在我的应用程序中使用angular google maps()指令，因此转换我的代码以使用该指令，并在该过程中将自定义形状应用于标记。
任何熟悉angular谷歌地图的人都可以帮助我解决这个问题，请检查下面提到的在纯谷歌地图库中编写的代码，并让我知道如何使此代码与angular google地图指令一起工作。
new google.maps.Marker({
position: latLng,
map: map,
icon: {
url: 'path/to/icon',
origin:new google.maps.Point(0,0)
浏览 1提问于2015-11-17得票数 0
我在angularjs代码中使用HighStock已经有几个月了，它工作正常。现在awe正在将我们的应用程序迁移到Angular 6，一切正常，但在同一日期出现的注释/标志相互重叠。在Angular中，我们使用以下方法解决了这个问题。
但是我不能理解，我如何在Angular 6中使用它
我尝试设置stackOption，但它不起作用。
plotOptions: {
series: {
lineWidth: 1
},
flags: {
stackDistance: 50
}
},
请指点一下。
浏览 0提问于2018-12-26得票数 0
我在Asp Core中使用Angular2 WebPack。
我正在使用这个模板：
我删除了：Home , Counter , Fetch Data ( HTML , Ts )，也删除了app.module中的导入
import { NgModule } from '@angular/core';
import { UniversalModule } from 'angular2-universal';
import { AppComponent } from './components/app/app.component'
import { N
浏览 1提问于2017-04-19得票数 1
回答已采纳
我想从angular 6前端向用户发送邮件。我想使用邮件枪api来做这件事。这是一个使用curl的例子，它正在查找，我想把它“翻译”成angular 6 http：
curl -s --user
'api:xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'
https://api.mailgun.net/v3/sandbox5xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.mailgun.og/messages
-F from='Mailgun Sandbox <postmaster@sand
浏览 1提问于2019-02-04得票数 0
2回答
我们在应用程序中使用Angular 6。在该应用程序中，我们希望提供多语言支持。
我们如何在angular 6中实现本地化和国际化？这是一个angular 6版本。
浏览 4提问于2018-06-30得票数 12
回答已采纳
我们在Angular 6中使用HTTP客户端来获取一页数据。当多个请求发送得太快时，例如，用户输入过滤器字符，页面请求将继续快速发送。返回的结果很容易被打乱顺序。假设HTTP客户端调用了三次，最终返回的结果可能是第一个服务请求。
如何解决这个问题？提前谢谢。
浏览 9提问于2020-05-21得票数 1
1回答
我有一个棱角的前端和一个restful后端，并且我试图只允许通过身份验证的用户向后端发送请求。
为此，我跟随了
不幸的是，他依赖angular2-jwt库，这个库似乎与Angular6不兼容.
如何重新编写以下代码以在Angular6中工作：
...
import { provideAuth } from 'angular2-jwt';
...
@NgModule({
...
imports: [
...
],
providers: [
...,
provideAuth({
globalHeaders: [{'C
浏览 0提问于2018-09-25得票数 0
回答已采纳
我正在做Angular6项目，现在工作得很好。我正在尝试在http请求时添加一个旋转器。
用于所有http请求的Angular服务。
如何在请求时检查http状态，以便显示spinner。
有一堆http请求，所以我不想为所有的请求手动添加微调器。
如何在Angular6中使用更少的脚本来实现这一点？(如果可能，全部集中在一个地方)
浏览 3提问于2018-09-21得票数 1
我的角度控制器看起来像这样：
angular.module("campos").controller("HomeCtrl", ['$scope', '$meteor', '$rootScope', '$state', '$modal',
function ($scope, $meteor, $rootScope, $state, $modal) {
// $scope.users = $meteor.collection(Meteor.users, false).su
浏览 1提问于2015-10-24得票数 0
最近，我通过重新加载我的Play角2项目获得了一些依赖关系问题，并且我通过升级到RC6 2找到了一些修复方法。
libraryDependencies ++= Seq(
cache,
//angular2 dependencies
"org.webjars.npm" % "angular__core" % "2.0.0-rc.6",
"org.webjars.npm" % "angular__http" % "2.0.0-rc.6",
"org.webjars.npm" % "
浏览 6提问于2016-09-05得票数 3
回答已采纳
1回答
我有两个基于angular 5的Angular应用程序(看看dep。下面的模块)
(...)
"@angular/animations": "^5.2.11",
"@angular/cdk": "^5.2.5",
"@angular/common": "^5.2.11",
"@angular/compiler": "^5.2.11",
"@angular/core": "^5.2.11",
浏览 1提问于2020-02-07得票数 1
2回答
我最近开始使用角，到目前为止，我喜欢错误信息中的链接，这些链接为您提供了有关错误的令人难以置信的细节。
但是，我遇到了一个非常模糊的JavaScript错误：
TypeError: Cannot read property 'data' of undefined
at new <anonymous> (ui-grid.min.js:7)
at Object.invoke (angular.js:4709)
at R.instance (angular.js:10234)
at m (angular.js:9147)
at an
浏览 1提问于2016-08-30得票数 0
角6：
import {Injectable} from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Injectable()
export class GetData {
constructor( private http: HttpClient ) { }
post( ) {
data = [ {username : 'test',password : '1234' }];
return th
浏览 0提问于2018-06-16得票数 0
1回答
我正在尝试使用以下gulp任务创建包：
gulp.task('bundle.js.material.dev', ['build.js.material'], function() {
var devBundleConfig = {
meta: {
rx: {
build: false
}
},
paths: {
'*': 'dist/js/dev/es6/*.js'
}
}
return bundler.bundle(
浏览 2提问于2015-07-29得票数 2
我正在使用: node --version v14.15.4 MONGO_URL和JWT_SECRET配置变量 我做了一个Angular应用程序，试图在Netlify中发布，但我得到了这个错误： Ng build --prod
⠋ Generating browser application bundles...
An error occurred during the build:
TypeError: The 'compilation' argument must be an instance of Compilation
at Function.getCompi
浏览 60提问于2021-04-15得票数 0
2回答
我有一个angular 6应用程序，它有一个顶部栏和下面的内容区域。这些是不同的组件，我目前正在开发用户配置文件页面。用户的名称也会显示在顶部栏中。
我的问题是，每当我在EditUser页面中更新用户名时，它都会成功保存，但顶部栏中的用户名并没有更新。在Vue.js中，我可以简单地使用Vuex商店来处理这个问题；但是在Angular 6中我该如何处理这个问题呢？
任何帮助都将不胜感激。
浏览 0提问于2018-09-18得票数 0
当前使用的是Angular 6
我有一些HTML标记，如下所示：
<div *ngIf="isOnline">
<input [ngModel]="selectedEscrowOffering" (ngModelChange)="onChangeEscrow($event)"/>
</div>
和.ts文件上的一个函数
onChangeEscrowDropdown($event) {
console.log($event, "was returned");
}
当我将isOnline变量
浏览 3提问于2020-03-31得票数 1
1回答
遵循此示例，
我就是这样得到的，这对我没有用！(为什么？
我在我的index.htm中包含了以下库
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src=&
浏览 3提问于2013-12-11得票数 0
回答已采纳
这是我的package.json文件中的依赖项：
"dependencies": {
"@angular/common": "2.0.0",
"@angular/compiler": "2.0.0",
"@angular/core": "2.0.0",
"@angular/forms": "2.0.0",
"@angular/http": "2.0.0",
"@an
浏览 41提问于2016-09-15得票数 3
2回答
我将我的Angular项目更新到了Angular 6，并且不知道如何处理http get请求。这就是我在Angular 5中如何做到的：
get(chessId: string): Observable<string> {
this.loadingPanelService.text = 'Loading...';
this.loadingPanelService.isLoading = true;
const url = `${this.apiPathService.getbaseUrl()}api/chess/${chessId}/rating`;
r
浏览 0提问于2018-06-08得票数 5
回答已采纳
有人知道如何将angular 6应用程序与openfin集成吗？我已经在我的angular应用程序中安装了@types/openfin，并且能够使用fin变量。我想知道如何在浏览器中调试openfin的东西，以及如何在各种窗口之间进行通信。在互联网上找不到文档。任何帮助我们都将不胜感激！
浏览 2提问于2018-12-03得票数 0
我在angular项目中使用过ngx-mqtt。还有另一个项目创建数据，并发送数据到特定的topic.When我从角度应用程序订阅这个主题，我总是从订阅时获得数据，无论哪个数据后来发布到主题。我没有得到旧数据，数据源在我订阅主题之前发布到主题。
例如)数据源创建了1到10个数据，如1,2,3,4,5,6,7,8,9,10新订阅者在发出5个数据点后添加到topic(如果我订阅，则使用angular应用程序)。我从6(6,7,8,9, 10 )中获取数据，但我需要从1到10的数据
当我订阅任何新的主题时，如何从主题中获取所有数据
这是mqtt的默认行为方式吗？
在angular，我听说过热和冷的可
浏览 21提问于2020-02-26得票数 0
2回答
我正在做混合AngularJS/Angular5 5应用程序。因此，我正在尝试一步一步地将我的JavaScript文件更改为类型记录。我有javascript文件：
(function () {
'use strict';
var domainPath = "http://localhost:26264/";
var reportAPI = "http://localhost:58629/";
var onlineHelpURL = "http://localhost:8085/";
va
浏览 1提问于2018-09-10得票数 1
回答已采纳
我在看官方的..。
看着package.json，我看到：
"dependencies": {
"@angular/common": "2.0.0-rc.1",
"@angular/compiler": "2.0.0-rc.1",
"@angular/core": "2.0.0-rc.1",
"@angular/http": "2.0.0-rc.1",
"@angular/platform-browser":
浏览 0提问于2016-05-13得票数 0
回答已采纳
我有一个由角和PrimeNG组成的反应式。为了获得数据，我使用了<p-calendar>而不是问题。当我试图检索数据时，我的问题就开始了。这是一个错误：
core.js:6260 ERROR Unexpected literal at position 2.
这是我代码的一部分：
formulario.component.ts
this.form = this.fb.group({
'fechaEntrada': new FormControl('', Validators.required)
})
formulario.component.h
浏览 2提问于2020-06-30得票数 0
回答已采纳
提前谢谢。我是angular 6的初学者，我需要关于angular 6服务的帮助。在我的应用程序中，我们使用angular 6服务来存储和获取数据。在某些情况下，我需要清除服务。是否有任何angular内置方法来清除服务，或者我需要手动执行，并将其赋值为默认值。
浏览 4提问于2019-01-06得票数 1
我正在尝试使用angular NG6 starter。在其源代码中，几乎每个js文件都编写了import angular from angular。所以我试着这样做：
new webpack.ProvidePlugin({
// $: "jquery",
// jQuery: "jquery",
// "window.jQuery": "jquery",
'angular': 'angular',
}),
但它不能工作。我不知道为什么，以及如
浏览 2提问于2016-08-17得票数 9
我想对angular material2源代码进行一些更改，并将它们反映到我的angular 6应用程序中。
目前，我的应用程序的package.json文件指定了以下内容：
“@angular/material”: “^6.4.3”
我尝试将项目克隆到本地文件夹中，并更改我的应用程序package.json，如下所示：
“@angular/material”:”file:../../material2”
但是，当运行npm install时，它会失败，并出现各种缺少目录的错误。
看起来我在做一些完全错误的事情，但是作为npm的新手，我只是不知道是什么。
那么，如何在angular 6应用程序
浏览 1提问于2018-08-09得票数 1
回答已采纳
2回答
我一直在尝试将这些方法转换为此代码的最新Angular 6版本。我的后端将一个JSON文件发送到Angular应用程序，该方法接受这个JSON文件并生成它，以便我可以在HTML中读取它。但遗憾的是，我不知道如何将这段代码重构为Angular 6，因为你既不能使用.interval也不能使用.map。
getHeroes(): Observable<Hero[]> {
return Observable
.interval(5000)
.flatMap(() => this.http.get(this.heroesUrl).map((data
浏览 0提问于2018-05-19得票数 1
我正试图在我的防火墙模型中添加一个新的对象。下面是我的天使之火设置：
angular.module('angularApp', ['firebase'])
.controller('MyCtrl', ['$scope', 'angularFire',
function MyCtrl($scope, angularFire) {
$scope.shapes = [];
var ref = new Firebase('https://angular-starter.fireb
浏览 3提问于2013-12-09得票数 0
回答已采纳
1回答
角窗注入
、、、、
当需要时，是否可以防止角度实例注入全局(窗口)范围，例如与webpack或任何其他模块绑定？
我发现当前角npm包中的主要javascript文件是：
require('./angular');
module.exports = angular;
我的webpack条目文件的内容是：
import angular from 'angular';
// my custom code goes here
因此，webpack的主要任务是防止变量泄漏到全局范围，但如果我试图在Chrome DevTools中记录这样的角度：
console.log(angular);
浏览 2提问于2016-11-21得票数 1
我的项目是在package.json中使用angularfire 2.0.0-beta.0 ...
"angularfire2": "^2.0.0-beta.0"
...but在执行npm install之后，我收到有关angularfire 2.0.0-Beta.2的npm警告：
npm WARN angularfire2@2.0.0-beta.2 requires a peer of @angular/core@2.0.0-rc.2 but none was installed.
npm WARN angularfire2@2.0.0-beta.2 requ
浏览 25提问于2016-08-11得票数 0
回答已采纳
我在NPM上有一个小的angular包，我一直支持它可以在所有新版本的angular中使用。在我的package.json中，我在peerDependencies列表中添加了角，以确保它们始终存在于使用我的库的项目中：
"peerDependencies": {
"@angular/animations": "^7.x",
"@angular/common": "^7.x",
"@angular/core": "^7.x",
"@a
浏览 1提问于2019-06-27得票数 2
回答已采纳
我正在运行一个教程，在这里发现：
现在我正在实现分页，但它会抛出一个错误。控制台在第7行的Partis-list.Component.ts中引发一个错误。第7行的代码是：
import { PaginationService, PaginationControlsCmp } from 'ng2-pagination';
引发的全部错误是：
ng2-pagination.js:26Uncaught TypeError: core_1.NgModule is not a function
，我在想，也许NG2分页与我的角度版本不兼容，我正在流星内部运行，但不知道如何找出答案。
浏览 5提问于2016-09-19得票数 3
2回答
我试图检查角$scope中的对象中是否存在一个键。在我的控制器里我得到了这个：
$scope.the_object = {'the_key': 123};
在我的模板里我得到了这样的信息：
<span ng-if="'the_key' in the_object">
the_key exists in the_object
</span>
但是我在控制台中得到了以下跟踪：
Error: [$parse:syntax] http://errors.angularjs.org/1.4.7/$parse/syntax?p
浏览 1提问于2016-02-03得票数 0
回答已采纳
1回答
我正在构建我的第一个angular应用，并希望将我的表单发布到我的JSON数据中。
这是我的表格：
<span ng-show="show">
<form name="inputForm" class="form-group" ng-controller="FormController as autoctrl" ng-submit="inputForm.$valid && autoctrl.addGegevens(gegeven)" novalidate>
&l
浏览 11提问于2016-09-27得票数 0
在Angular 7中构建新平台，但有6到8个现有项目和规划将所有现有的Angular项目作为插件动态注入到基础项目中。请分享您的想法和实现此方法的可行性。
示例：
(基础项目) |__ A1(现有的Angular 6项目) |__ A2(现有的Angular 6项目)
用System.js就能实现用rollup.js实现。但是期待任何替代的解决方案。
浏览 0提问于2018-12-12得票数 0
1回答
我想根据从数据库收到的值在angular 2中动态创建div(使用引导程序类)。例如，我从数据库中得到了6个类别，这样在屏幕上就会转换成3个div.row，里面有2个div.col-md-6。我如何在Angular中写一个for循环来做这件事呢？
edit:或者反问一下，如何使用ngFor仅在奇数索引上创建元素？
浏览 1提问于2017-02-21得票数 6
回答已采纳
3回答
我如何配置一个简单的角2.0 / TypeScript 1.6项目，这样我就可以在Visual 2015中运行和调试应用程序。
我有一个来自angular.io的简单的“入门”项目。问题是，由于app.js是动态加载的，所以我无法从VS调试器设置断点或调试文件。
我试图在导入之前使用普通脚本标记加载文件，但在加载时我得到了一个“必需的未定义的”错误。
index.html
<html>
<head>
<title>Angular 2 App01</title>
<script src="../node_modules
浏览 7提问于2015-11-28得票数 1
我在C#中有这样的代码：
public static DateTime FeriadosMoveis(int ano, string feriado)
{
DateTime data = DeterminarPascoa(ano);
switch (feriado)
{
case "Carnaval":
return data.AddDays(-47);
case "Quarta":
return data.AddDays(-46);
ca
浏览 5提问于2018-08-21得票数 0
1回答
我打算使用angular-datatables的某个特性，即:在单个列下面创建筛选器输入字段。一个。
此功能仅在软件包的dev版本中可用。
我在我的bower.json "dependencies"对象中设置了"angular-datatables": "dev"版本，并发出：
$ bower install --save
bower not-cached git://github.com/l-lin/angular-datatables.git#dev
bower resolve git://github.com/l-lin/
浏览 0提问于2014-10-15得票数 0
1回答
我想用rest api在angular和spring之间传递一个对象列表，但我无法将在angular中传递给服务的数组与在Spring中传递给控制器的数组进行匹配，并得到以下错误： ERROR Invalid JSON input: Cannot deserialize instance of `com.backend.guestnhouse.payload.request.RoomRequest` out of START_ARRAY token; nested exception is com.fasterxml.jackson.databind.exc.MismatchedInputE
浏览 21提问于2020-04-18得票数 0
回答已采纳
我正在研究一个解决方案，其中一个angular应用程序在另一个angular应用程序的iframe中使用。子应用程序需要一些参数来向应用程序父应用程序显示正确的信息。我在web上读到了很多解决方案，其中一个很好的解决方案是应用发布者/订阅者设计模式。
很多示例都是在同一个应用程序中的组件之间进行的，我想知道使用rxjs对象的相同解决方案是不是正确的方式(如所示)。
我的疑问是:如何将子应用程序订阅到父应用程序(外部发布者)？
我在考虑一个由父母公开的REST API，用于注册和注销订阅者，但我不确定。
有这种情况下的经验吗？提前感谢
浏览 14提问于2020-02-21得票数 0
Im 将我的angular2应用程序升级到RC5，现在Http.delete操作失败(在它被执行之前)。
这里是package.json："@angular/common": "2.0.0-rc.5", "@angular/compiler": "2.0.0-rc.5", "@angular/core": "2.0.0-rc.5", "@angular/http": "2.0.0-rc.5", "@angular/form
浏览 3提问于2016-09-16得票数 1
1回答
在<object>标记中嵌入的SVG没有在IE11和Edge中显示。它们只显示其innerHTML ("SVG“)，好像根本不支持该标记一样。
但是，当不与角组件一起使用时，两者都会显示嵌入式SVG。我想这与角的shadowRoot仿真有关。()
有趣的是，如果我在IE11中激活IE10仿真，SVG将被正确显示。
源代码：
app.component.ts
import {Component} from 'angular2/core';
@Component({
selector: 'my-app',
template:
浏览 0提问于2016-03-18得票数 3
我使用的AngularJS与RESTAPI，我能够得到客户的数据从服务器发送的JSON格式。我的Angular代码片段如下：
app.factory("services", ['$http', function($http) {
var serviceBase = '/api/album';
var obj = {};
obj.getCustomers = function(){
return $http.get(serviceBase);
};
return obj;
}]);
浏览 1提问于2014-11-21得票数 1
我正在尝试在Internet Explorer10中运行一个非常简单的应用程序。我说的是你在运行'ng new projectname‘时看到的应用程序。我已经对polyfill.js文件中的文件取消了注释。我正在Windows 7 64位上工作
这是我的package.json：
{
"name": "bogstandard",
"version": "0.0.0",
"license": "MIT",
"scripts": {
"ng
浏览 6提问于2017-11-26得票数 1
我正在使用Firebase来处理Angular6。我目前是Angular的新手。我从codewithmosh上了Mosh Hamedani的课程。但问题是我使用的是angular6和我正在用Angular4观看的教程。
现在我的工作是保护管理路由。其中一些凭证是在firebase中定义的。
我必须与显示和隐藏功能，如果用户是管理员。
下面是在firebase中定义的关于用户的数据。
admin-auth-guard.service.ts
以下是处理此amdin-auth文件时出现的错误。
auth.service.ts
user.service.ts
a
浏览 0提问于2018-09-29得票数 0
我的代码如下：
<ion-row>
<ion-col class="alignCenter" col-6 col-sm-6 no-padding>
<p>Pulse (bpm)</p>
</ion-col>
<ion-col col-6 col-sm-6 no-padding>
<ion-item>
<ion-input type="text" [(ngModel)]="form.content.vitals.pulse&#
浏览 0提问于2017-12-20得票数 0
2回答
我试图在我的应用程序中引入分页，但得到了错误。我在关注
下面是我在组件中声明字段的方式：
public bigTotalItems: number = IEmployee.length;
public maxSize: number = 5;
下面是我在模板中使用它们的方式：
<pagination [totalItems]="bigTotalItems" [maxSize]="maxSize" class="pagination-sm"
[boundaryLinks]="true
浏览 11提问于2017-02-20得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
