如何在angular中从构造函数向变量赋值？
在Angular中，可以通过构造函数向变量赋值。构造函数是一个特殊的方法，用于在创建类的实例时初始化类的成员变量。
要在Angular中从构造函数向变量赋值，可以按照以下步骤进行：
- 在组件类中声明要赋值的变量。例如，假设要赋值的变量名为
myVariable，可以在组件类中声明如下：
myVariable: string;- 在构造函数中给变量赋值。在构造函数中，可以使用
this关键字来引用当前实例，并给变量赋值。例如，将变量myVariable赋值为字符串"Hello World"，可以在构造函数中添加以下代码：
constructor() {
this.myVariable = "Hello World";
}- 在模板中使用变量。在模板中，可以使用双花括号语法(
{{ }})来显示变量的值。例如，可以在模板中添加以下代码来显示变量myVariable的值：
<p>{{ myVariable }}</p>这样，在组件被创建时，构造函数会被调用，变量myVariable会被赋予初始值"Hello World"，并且在模板中显示出来。
需要注意的是，以上步骤是在Angular中从构造函数向变量赋值的一种常见方式，但并不是唯一的方式。根据具体的需求和场景，还可以使用其他方式来实现变量赋值，例如使用生命周期钩子函数或服务等。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云产品：https://cloud.tencent.com/product
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
相关·内容
*错误: src/app/r-form-example/r-form-example.component.ts:11:3 -错误TS2564:属性'registrationForm‘没有初始值设定项，并且在构造函数中没有明确赋值。
11 registrationForm : FormGroup；
上面的错误是我得到的。
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormControl, FormGroup } from '@angular/forms'
浏览 2提问于2021-07-04得票数 0
使用Angular，我试图将一个局部变量从构造函数传递到HTML中。
以下是我的TS：
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
@Component({
selector: 'page-random',
templateUrl: 'random.html'
})
export class RandomPage {
constructor(public navCtrl: NavC
浏览 20提问于2017-12-31得票数 5
回答已采纳
2回答
我正在编写一个包含httpClient的基类。它用于进行REST调用。如果在构造函数中定义了httpClient变量，则将正确设置该变量，而不是在私有变量中。
下面是我的示例代码：
@Injectable()
export class MyBaseClass implements {
private httpClient = HttpClient
constructor(
private httpClient2: HttpClient
) {
console.log("httpClient2", httpClient2)
console.l
浏览 0提问于2018-03-15得票数 5
回答已采纳
我已经创建了角8和电子桌面应用程序。当我从根组件通过main.js向ipcRenderer电子文件发送消息时，它工作得很好。但是，当我从新生成的组件向main.js文件发送消息时，它将抛出“无法读取未定义的属性‘发送’的错误。”
下面是我的write.component.html
<button (click)="write()">Click me</button>
我的write.component.ts文件
import { Component, OnInit } from '@angular/core';
import { IpcR
浏览 0提问于2020-03-13得票数 0
根据这个，IEnumerable是协变量的，这可以隐式地将对象列表转换为可枚举的对象：
IEnumerable<String> strings = new List<String>();
IEnumerable<Object> objects = strings;
在我自己的代码中，我编写了一行代码，当列表的项类型为Point类时，代码行工作得很好(Point是一个简单的类，具有三个属性-双x、y、z)：
var objects = (IEnumerable<object>)dataModel.Value;
// here property Va
浏览 3提问于2016-02-08得票数 15
回答已采纳
1回答
我正在尝试使用一个名为pokeapi-js-wrapper的现有节点包从API中检索数据。我对Angular有点陌生，所以我不确定我是不是正确地处理了这个问题。我已经构建了如下服务(数据本身是占位符)。 import { Injectable } from '@angular/core';
import { Pokedex } from "pokeapi-js-wrapper";
import { Pokemon } from 'src/Pokemon';
@Injectable({
providedIn: 'root'
浏览 18提问于2020-08-24得票数 0
1回答
我已经在angular cli project.Then中使用angular4编写了一个组件，在这个组件中我使用了引导表()。代码如下：
import { *** } from '@angular/core';
@Component({
selector: 'app-template',
templateUrl: './template.component.html',
styleUrls: ['./template.component.less']
})
export class TemplateCompo
浏览 0提问于2017-11-06得票数 0
嗨，我是角的新手，我收到了这条错误消息“属性' formGroup‘没有初始化程序，并且没有在构造函数中明确分配”，但是我声明了formGroup，我不知道为什么会出现这个错误。
import { FormControl, Validators, FormGroup } from '@angular/forms';
import { Component, OnInit } from '@angular/core';
import { AuthServiceService } from '../auth-service.service';
浏览 10提问于2022-05-30得票数 0
有没有一种简单的方法可以从const char[]中创建std::string？
我的意思是更简单的：
std::stringstream stream;
stream << const_char;
std::string string = stream.str();
浏览 1提问于2009-06-01得票数 2
回答已采纳
我为Stack结构编写了以下代码：
#include<iostream>
#include<Windows.h>
template<uint32_t S>
struct Stack {
size_t size;
byte base[S];
byte* top;
//
Stack()
{
top = (byte*)base;
size = 0;
}
~Stack(){}
//
template<class T>
void allo
浏览 2提问于2022-08-21得票数 1
回答已采纳
1回答
我正在重建一个AngularJS应用程序，我构建了一个新的Range5框架。我承认我不太熟悉打字和学习。
我正试图在AngularJS中重新创建一个服务的等价物。我有许多常见的函数，需要通过多个组件来访问。因此，通过角度CLI，我使用了以下命令：ng generate service Common。然后，我添加了一个testfunction，并尝试将该服务注入到我的组件中，并试图调用它。我收到一个错误，说它找不到名字ServiceTest。
Common.service.ts
import { Injectable } from '@angular/core';
@Injec
浏览 0提问于2018-03-06得票数 2
回答已采纳
4回答
我有两个班A和B。A已经宣布B为朋友。在B中，我希望在方法func()中实例化A(也就是说，我试图在B的构造函数之外实例化A)。令我惊讶的是，这在C++中似乎是不允许的。这是代码：
class A {
public:
friend class B;
A(int x, int y) {
x_ = x;
y_ = y;
}
protected:
int x_, y_;
};
class B {
public:
B (int z) {
浏览 6提问于2013-11-15得票数 0
回答已采纳
我正在编写我的第一个类型记录/Angular2 2应用程序，并且在类/接口方面遇到了一些困难。
这是我的界面：
export interface Discount {
codSco: string;
desSco: string;
}
这是我尝试实例化一个折扣类型元素的例程：
var Discount;
s.codSco = '44';
s.desSco = '44';
这是我得到的错误信息：
TypeError: s是未定义的
我认为我必须创建一个从接口继承的类，对吗？你能给我提供一些指导吗？
谢谢
浏览 6提问于2017-09-22得票数 1
回答已采纳
当用户登录时，我有一些值保存到sqlite存储中，我需要这些值在整个应用程序中都可用。
我创建了一个服务来获取和存储这些值，但是它不能工作，因为我能够找到如何做到这一点的唯一方法是在一个承诺中获取这些值，我不认为它会在then()之外返回它们。
value1: string;
value2: string;
constructor(
private storage: Storage,
) {
Promise.all([
this.storage.get('value1'),
this.storage.get('value
浏览 0提问于2019-01-09得票数 2
我正在开发一个使用angular2和typescript构建的应用程序。我正在使用ag-grid在网格中显示数据，但是找不到网格api。
/// <reference path="../../../typings/jquery/jquery.d.ts" />
import {Component} from 'angular2/core';
import {Hero, HeroService} from './hero.service';
var gridOptions;
var heroService;
import * as
浏览 2提问于2016-02-08得票数 3
回答已采纳
2回答
我有以下小代码：
template <typename T>
class V
{
public:
T x;
explicit V(T & _x)
:x(_x){}
};
int main()
{
V<float> b(1.0f); // fails
return 0;
}
而它碰巧失败了。g++ 4.4.5返回的消息是：
g++ -O0 -g3 -Wall -c -fmessage-length=0 -MMD -MP -MF"main.d" -MT"main.d" -
浏览 0提问于2010-10-08得票数 2
回答已采纳
我不能为它造出合适的字眼，所以我把标题写成这样。
我有一个DLL，其中templated structs在namespace中，其中定义了重载操作符，这些操作符是非成员的(struct函数)。
"VectorX.h"
#ifdef SPECS
#define SPECS __declspec(dllimport)
#else
#define SPECS __declspec(dllexport)
#endif // SPECS
namespace swc
{
template <typename T>
struct Vec3 : Vec2<T
浏览 1提问于2013-11-07得票数 3
1回答
我正在创建一个简单的CRUD应用程序与离子和角度。我能够执行所有的CRUD功能。我现在的问题是，当我将新对象添加到数据库中时，我不知道如何重新加载列表。我创建了一个add按钮(在view data页面上)来打开一个create页面，当添加完成时，我导航回view data页面，但是列表不会更新。 我曾尝试在NgOnInit或构造器中包含将数据加载到列表变量中的函数，但也不起作用。 我还尝试使用事件发射器从列表视图页面调用GetAnime函数(在我创建新条目之后)，但我也无法让它工作。 以下是我的视图数据页面.ts文件的代码 import { Component, OnInit } from
浏览 30提问于2020-04-13得票数 0
回答已采纳
json_encode()返回一个字符串...
那么，下面的代码不应该正常工作吗？
class TestClass {
private $test = json_encode("test");
}
PHP输出
Parse error: syntax error, unexpected '(', expecting ',' or ';' in /home/testuser/public_html/test.php on line 10
浏览 1提问于2011-04-12得票数 1
回答已采纳
在web应用程序中，我有一个input type="date"，我希望用户已经默认当前日期。所以我使用了角，因为在纯js中，手机不起作用(尽管浏览器起作用了)。这是html部分：
<body ng-app="app">
<form ng-controller="DateController as dateCtrl">
<input type="date" id="date" value="{{value}}" ng-model="value"
浏览 6提问于2016-02-08得票数 0
回答已采纳
我从我写的一个自定义指令中得到了这个错误：
Error: [$compile:nonassign] http://errors.angularjs.org/1.2.16/$compile/nonassign?p0=&p1=fileUpload
at Error (native)
(anonymous function) angular.js:9778
(anonymous function) angular.js:7216
h.$digest angular.js:12270
h.$apply angular.js:12516
oFReader.onload file-uplo
浏览 3提问于2014-06-13得票数 4
回答已采纳
3回答
实践了一些代码示例，我遇到了这样的情况:我在类级别上声明了最终变量，并试图从方法中赋值，导致编译时错误(代码-2)。但是从构造函数中它确实得到了分配(代码-1)。
代码-1：
class Immutable {
private final int age;
private final String name;
private Immutable(int age, String name) {
this.age = age;
this.name = name;
}
代码-2：
class Immutable {
pri
浏览 5提问于2016-02-25得票数 2
回答已采纳
2回答
我知道如果我需要在角1.3或1.4中使用第三方库，.I需要对其进行指令，并在我们的项目.Now中使用它，我正在使用角2.0 .I，希望在angular 2 或这个中实现这一点。
我可以在jquery中使用angular2吗？
1.如何使用角度上的第三方库。
2.如何使jquery在角2中自动完成。
这是我的代码
//代码在这里
import {Component,View} from 'angular2/core';
@Component({
selector:'my-app'
templateUrl: 'home/home.html',
浏览 0提问于2016-02-14得票数 3
回答已采纳
2回答
在这里，我的问题是，当我单击按钮时，我在按钮单击方法中设置了一个值，并在构造函数中声明了该变量，但我无法获得下面的值，这是我的代码，我在构造函数中没有定义 public dat = {
"pexels-photo.jpeg": {
"information": "laptop",
"desc": {
"mimetype": "image/jpeg",
"id": "shsj44",
"file
浏览 52提问于2019-02-11得票数 0
6回答
可能重复：
例如，我有一个字段int x。Java喜欢在声明时初始化字段吗？
int x = 0;
或者更确切地说是在构造函数中？
public foo() {
x = 0;
}
从设计的角度来看，哪一种更可取？
浏览 3提问于2012-12-28得票数 2
我正在实施电子商务网站在Angular4在这里我有一个结帐页面，我必须显示个人以及购物车产品基于用户来自上一个state.My的问题是，我需要获得的州名称，用户已导航到当前页面，为此，我检查了一个条件。我被困在获取Angular4中的州名称上。如何在Angular4中获取以前的状态名称？
浏览 1提问于2017-10-09得票数 1
当我将类放入向量并定义move运算符时，我可以看到当向量被重新分配时，值被移动。
如果是这样的话，如果您添加一个整数而不是一个类并重新分配它，它会移动吗？
浏览 5提问于2019-11-25得票数 0
回答已采纳
2回答
我想为我的dart创建一些自己的元数据，例如@table，@column，但是我找不到任何有用的文档。
但我确实发现在angular.dart：中有一些特殊的元数据(例如，)
如何在Dart中创建自己的元数据？有文件吗？
浏览 3提问于2014-02-04得票数 16
回答已采纳
例如，如果我有如下记录：
type sample = { userId : string; }
然后在C#中定义此记录，如：
var samp = new sample()
{
userId = null;
};
然后，如果我将这个记录分配给一个在F#中调用的C#函数，会发生什么呢？这合法吗？我是否只需在F#函数中检查null，还是这是不可能的？
浏览 0提问于2014-05-04得票数 0
回答已采纳
4回答
我有一个问题，当我尝试几个代码片段时，我遇到了一个代码
class O
{
final int i;
O()
{
i=10;
}
O(int j)// error here as THE BLANK FINAL FIELD i IS NOT INITIALIZED
{
j=20;
System.out.println(j);
}
}
class Manager3
{
public static void main(final String[] args)
{
浏览 1提问于2012-10-24得票数 0
回答已采纳
我对音符和打字稿很陌生。
在我的papers.ts脚本中有以下实验函数代码：
loadPaper(paper){
let test = {'name': 'Person A', 'id': 1};
console.log('TEST', test);
console.log('paper', paper);
this.navCtrl.push(this.loadPaperPage, {paper:paper, questions:test});
}
我所要做的就是将第二个
浏览 0提问于2018-04-02得票数 0
回答已采纳
可能重复：
我找到了这段代码，它是Vector3f类的构造函数。
Vector3f::Vector3f()
: x(0)
, y(0)
, z(0)
{
}
这个定义"：x(0)，y(0)，z(0)“意味着什么，我将如何使用它？
浏览 2提问于2011-07-15得票数 1
2回答
我正在尝试用ionic 2学习ag2，并尝试大多数简单的东西。
我正在尝试导入平台，并在我的ionic 2应用程序中获取必要的详细信息。
我跟踪了
从‘ionic angular’导入{Platform}；
@Component({...})
export MyPage {
constructor(platform: Platform) {
this.platform = platform;
}
}
我的代码是-
import {Component} from '@angular/core';
import {Platform} from
浏览 1提问于2016-07-14得票数 1
2回答
我正在开发一个混合的Angular/AngularJS应用程序。主AppModule是使用AppRoutingModule的Angular模块，该模块使用给定的状态。大概是这样的： AppModule： imports: [AModule, BModule, AppRoutingModule, ...] AppRoutingModule： imports: [UIRouterUpgradeModule.forRoot(states: some_state)] 状态： export const some_state: [
{
name: 'a',
url:
浏览 13提问于2020-10-18得票数 0
我在C++引物中读过，加上上面写的
实现可以选择分两个步骤处理该语句:使用复制构造函数创建临时对象，然后使用赋值将值复制到新的object.That is，初始化总是调用副本构造函数，使用=运算符的窗体也可以调用赋值操作符
我还在一些网站上读到，像A a2 = a1;这样的代码与A a2(a1);相同，这意味着A a2 = a1只调用复制构造函数。
所以我的问题是，当程序只使用复制构造函数时，当它同时使用复制构造函数和赋值操作符时。是谁决定的，是编译器吗？
浏览 1提问于2018-10-19得票数 4
我只是想知道一个普通的构造函数和一个突变函数有什么不同？它们似乎都服务于相同的目的--为私有变量赋值。在特定的情况下，一个人是否有一定的优势？谢谢
浏览 2提问于2013-03-10得票数 0
回答已采纳
1回答
如何从c#中的适配器类启动服务？我正在尝试我的适配器类中的下面提到的代码，但它给出了错误。
var intent = new Intent(action);
intent.SetPackage("App1Test.App1Test");
StartService(intent);
浏览 4提问于2018-09-13得票数 0
我正在阅读一个，不明白为什么ListeningQuestion.java中的构造函数在自己的构造函数中使用this.variable = variable，而在ListeningQuestionItem.java中只使用variable = variable (不是这个)。它们都在各自的类中将variable声明为private。为什么会有不同？有什么帮助吗？
浏览 6提问于2017-02-20得票数 1
回答已采纳
我想实现从d3.js到angular 2组件的代码，但我不知道如何将js文件调用到组件ts文件中。我找到了一些用index.html和lineChart.js绘制折线图的代码。如何在ngAfterViewInit或afterViewInit中调用javascript。
图表看起来像的示例
所以我想在ngAfterViewInit的组件ts中调用它。
以下是组件的代码：
import {Component, Directive, ViewChild, ElementRef, Renderer} from 'angular2/core';
import
浏览 2提问于2016-05-05得票数 5
我已经创建了一个自定义控件(从control继承的类)。当我把它放在窗体上时，我可以在Visual Studio IDE上使用它。它显示了一个错误，并且我看不到表单。
错误消息是这样的: La variable 'ctrlImagen‘no está宣告The o no se asignónunca。
这是一个精简框架应用程序的winform。
我该如何解决这个问题呢？(它是类从UserControl继承而来的，它工作得很好)
浏览 6提问于2009-02-27得票数 2
回答已采纳
2回答
我正在使用AngularJ1.4.4编写一个应用程序，并且刚刚第一次开始使用TDD。我在使用Karma和Jasmine，在$scope上测试表达式没有任何问题，但是当尝试测试在Controller中使用“this”定义的表达式时，它返回为未定义的表达式。角表示在您的控制器中使用“此”是最好的实践，但我还没有找到测试的明确示例。
这是我的控制器
'user_strict';
var app = angular.module('app', ['ngRoute', 'ngAnimate']);
angular.module(
浏览 1提问于2015-09-01得票数 2
回答已采纳
在我的angular2-Application内的SignalR-Service中，当我从服务器收到一个事件时，我想广播一个事件。
@Injectable() export class SignalRService {
//...
private emitMe: EventEmitter<any>;
constructor() {
this.emitMe = new EventEmitter();
this.connection = jQuery.hubConnection(".../signalr/");
浏览 0提问于2016-01-18得票数 3
在以前的angular版本中，我们有$scope.apply来检测变化，所以我在下面的代码中打印了来自detailService的数据，现在我正在将数据推送到对象它的抛出错误对象属性是未定义的，在新的angular版本中，将数据推送到数组并将其绑定到dom的正确方法是什么？
app.component.ts
import { Component, OnInit,Pipe, PipeTransform, EventEmitter, Output } from '@angular/core';
import { DetailService } from '../deta
浏览 0提问于2018-01-19得票数 1
我正在尝试访问一个名为imgPath的字段，它位于BusinessCard类中，这是代码
class BusinessCard extends StatelessWidget {
final String imgPath;
final String bsnName;
final String bsnDescription;
final String bsnLocation;
final String bsnReview;
get _imgPath => imgPath;
BusinessCard(
this.imgPath, this.bsnNa
浏览 3提问于2019-11-13得票数 0
回答已采纳
我正在尝试做一个离子应用程序，为了让我的代码更有条理，我考虑将某些东西分离到其他模块中并导入它们，问题是当我将另一个模块中的静态变量分配给我试图导入它的模块时，我变得“未定义”。
我尝试将导出的模块设置为静态的，因此module.ts (我手动完成的)如下所示：
/*--------- Menu options---------*/
export class AppPages{
public static pages = [
{
title: 'Inicio',
url: '/home
浏览 38提问于2019-06-24得票数 0
回答已采纳
1回答
为什么仅当我在子类中重写它时，people集合中才有项？这是代码。如果我取消被覆盖的方法的注释，那么我的集合中有2个人在公园里。
public class Park : Thing
{
}
public abstract class Thing
{
public virtual List<Thing> people { get; } = new List<Thing>();
}
public class PersonA : Thing
{
Thing p;
public string Name { get; set; }
public
浏览 15提问于2016-08-10得票数 0
回答已采纳
1回答
我试图从本地web服务中获取数据，但我无法在应用程序中打印值。
这是我的密码：
team-data.ts
import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import { map, catchError } from 'rxjs/operators';
import 'rxjs/add/o
浏览 0提问于2018-04-13得票数 0
回答已采纳
7回答
我真的希望有人能帮助我，因为我已经坐在那里看了这个问题几个小时了，我想这只是一个细节，missing...but不确定。
我已经定义了一个类三角形，它应该采用3 (x，y)坐标，并从它计算边长，角和面积。这个类看起来像这样：
public class Triangle {
private double x1, x2, x3, y1, y2, y3;
double sideA, sideB, sideC;
private double angleA, angleB, angleC;
public Triangle(doubl
浏览 0提问于2012-11-11得票数 2
1回答
我正在学习操作符重载的知识，我发现了下面的例子：
#include <iostream>
using namespace std;
class MinMax
{
private:
int m_nMin; // The min value seen so far
int m_nMax; // The max value seen so far
public:
MinMax(int nMin, int nMax)
{
m_nMin = nMin;
m_nMax = nMax;
}
int GetMin
浏览 3提问于2014-07-21得票数 0
回答已采纳
1回答
我正在将下面的代码重构为一个ES2015类(为了坚持这一点，我省略了一整串代码)：
//game.js
angular.module("klondike.game", [])
.service("klondikeGame", ["scoring", KlondikeGame]);
function KlondikeGame(scoring) {
this.newGame = function newGame() {
var cards = new Deck().shuffled();
this.newGameFromD
浏览 2提问于2016-03-28得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
