angular 2如何在模型中添加模型
在Angular 2中，可以通过在模型中添加模型来实现数据的嵌套结构。这可以通过使用类来定义模型，并在类中定义属性来实现。
首先，创建一个类来表示模型，例如：
export class Model {
property1: string;
property2: number;
nestedModel: NestedModel;
}
export class NestedModel {
nestedProperty: string;
}在上面的示例中，Model 类具有 property1 和 property2 两个属性，以及一个名为 nestedModel 的属性，它是另一个类型为 NestedModel 的类。
接下来，在组件中使用该模型，并为其属性赋值。例如：
import { Component } from '@angular/core';
import { Model, NestedModel } from './model';
@Component({
selector: 'app-root',
template: `
<div>
<h1>{{ model.property1 }}</h1>
<p>{{ model.property2 }}</p>
<p>{{ model.nestedModel.nestedProperty }}</p>
</div>
`,
})
export class AppComponent {
model: Model;
constructor() {
this.model = new Model();
this.model.property1 = 'Value 1';
this.model.property2 = 42;
this.model.nestedModel = new NestedModel();
this.model.nestedModel.nestedProperty = 'Nested Value';
}
}在上面的示例中，AppComponent 组件使用 Model 类来创建一个名为 model 的属性，并在构造函数中为其属性赋值。然后，可以在模板中使用这些属性来显示数据。
这样，就可以在模型中添加模型，并在应用程序中使用它们了。
关于Angular 2的更多信息和示例，可以参考腾讯云的相关产品和文档：
相关·内容
我有一个带有控制器和视图的模型。在“创建”视图中，我添加了一个不属于模型的字段。
如何读取控制器中的字段？
非常感谢。
浏览 2提问于2015-06-09得票数 0
回答已采纳
2回答
我在TypeScript的Angular 4中有一个数组声明和字符串插值的问题。如果我创建这个类：
export class MyArrayProperty {
property1: string;
property2: string;
}
export class MyComponent {
@Input() object: ComplexObject;
myArray: MyArrayProperty[];
}
ComplexObject是一个具有很多属性的对象：
ComplexObject {
myNumber: number;
myString: string;
浏览 0提问于2017-09-07得票数 0
我遇到了以下问题。假设我有一个有多个键的对象(不能在一个对象中改变)和一个类似下面的视图：
<div ng-if="vm.model">
<span>{{ vm.model.property1 }}</span>
<span>{{ vm.model.property2 }}</span>
<span>{{ vm.model.property3 }}</span>
</div>
我本来想对我的属性使用一次性绑定，但是如果我通过引用将控制器中的vm.model更改
浏览 2提问于2016-07-28得票数 1
我有两个组件，其中我使用ChangeDetectionStrategy.OnPush。父组件：
@Component({
changeStaregy: ChangeDetectionStrategy.OnPush,
template:`
<button (click)="onClick()">clear</button>
<div>
<test [model]="model"></test>
</d
浏览 0提问于2017-07-24得票数 5
我是Angular 2和TypeScript的新手，我正在尝试遵循我想要在我的另一个组件中使用Test类的变量的代码。
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
}
export class Test{
浏览 2提问于2017-04-12得票数 2
我创建了一个类似这样的组件：(从示例中)
import {Component} from 'angular2/core';
@Component({
selector: 'my-app',
template: '<h1> ~ My First Angular 2-0 App By Gulp Automation ~ </h1>'
})
export class AppComponent { } //what it is exporting here?
并导入到另一个模块：
import {bootstr
浏览 2提问于2015-12-22得票数 12
回答已采纳
我发现这取决于我把类放在TypeScript上的顺序，javascript不会生成棱角的__decorate函数，TypeScript的bug对吗？还是我做错了？
控制台上的错误，platform-Browser.umd.js:2306 2306EXCEPTION: AppComponent上没有指示注释
import {Component} from '@angular/core';
@Component({
selector: 'my-app',
template: `
<h1>{{title}}</h1
浏览 3提问于2016-06-17得票数 1
回答已采纳
1回答
我有两个用Angular2编写的TypeScript组件
app/app.component.ts
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
styles : [`
.parent {
background : #c7c7c7;
color : #000;
padding: 20px;
}
`],
templa
浏览 4提问于2017-01-13得票数 2
回答已采纳
3回答
我正在尝试绑定一些数据，但没有在
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
template : `<child [in]="25"></child>`
})
export class AppComponent {}
和子组件
import { Component, Input } from '@angular/core';
@Component({
selector: 'c
浏览 1提问于2017-06-05得票数 0
我想使用TypeScript创建一个简单的Angular2应用程序。看起来很简单，但我不能实现我想要的。
我想在模板中显示属性值。我想在1秒后使用setTimeout更新相同的内容。
Plunkr代码在这里：
我写的是：
import {Component} from 'angular2/core';
interface Hero {
id: number;
name: string;
}
@Component({
selector: 'my-app',
template:`<h1>Number Increment</h1&
浏览 9提问于2015-12-30得票数 38
回答已采纳
我使用typescript已经有1年了，每次我需要通过一个对象时，我都需要以丑陋的方式或手动完成它。
在typescript中，有用于类型定义的接口，并保存了我们需要的所有参数。有没有一种方法我们可以用它来创建对象？
示例：
export interface User {
name: string;
email: string;
}
我希望下面的代码是自动化的，我不能从接口评分它，我已经创建了一个类与构造函数。
user {
name: ''/null/undefined,
email: ''/null/undefined
}
let user:
浏览 3提问于2017-02-18得票数 3
回答已采纳
我正在从app.component.ts文件上的Angular 2快速启动代码。
该文件如下所示：
import {Component} from 'angular2/core';
@Component({
selector: 'app',
template: `<h1>Title Here</h1>'
})
export class AppComponent { }
这与预期的一样。
我想要做的是在同一页上添加另一个组件...所以我试了一下：
import {Component} from 'angul
浏览 1提问于2016-03-28得票数 14
回答已采纳
我一直在实践角度框架的网页开发。同时，我使用了一个模型类user.ts：
export class User {
constructor(
username: string,
email: string,
phone: number,
choice: string,
timePreference: string,
promotional: boolean
){}
}
app.component.ts：
import { Component } from '@angu
浏览 2提问于2019-04-09得票数 1
我有很多介绍MVC，MVP，MVVM等等的链接。但是我没有得到一个，它告诉我M在Angular2中到底代表什么，V在Angular2中到底代表什么，W在Angular2中到底代表什么。也许对W有一个答案，那就是W代表任何东西。
有人能帮我举下面的例子吗。
AppModule：
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent }
浏览 3提问于2016-11-25得票数 3
回答已采纳
在angular中做什么，它的用途是什么？
这是一个
import {Component, Injectable, forwardRef} from '@angular/core';
export class ClassCL { value; }
@Component({
selector: 'my-app',
template: '<h1>{{ text }}</h1>',
providers: [{provide: ClassCL, useClass: forwardRef(() =>
浏览 21提问于2018-06-17得票数 14
回答已采纳
1回答
动态绑定到嵌套对象属性
、、、
我试图绑定到嵌套对象(ngModel)的属性，但问题是属性的“路径”是动态设置的。
假设我们有三个这样的类：
class A {
p1: C
constructor() {
p1 = new C("A")
}
}
class B {
p2: C
constructor() {
p2 = new C("B")
}
}
class C {
constructor(public id: string){}
}
reusable.component.html是这样的：
<input [(ngModel)]="data[propName
浏览 3提问于2022-07-05得票数 1
1回答
我有两个模特。
public class Model1
{
public type Property1 { get; set; }
public type Property2 { get; set; }
public type Property3 { get; set; }
}
public class Model2
{
public type Property1 { get; set; }
public type Property2 { get; set; }
public List<Model1> List { get; set
浏览 11提问于2022-09-30得票数 0
回答已采纳
我刚开始学习角，我想尝试实现双向绑定。
app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import {FormsModule} from '@angular/forms';
@NgModule({
declarations: [
AppCo
浏览 4提问于2021-07-24得票数 0
回答已采纳
我用typescript做了一个小的angular2应用程序测试。我没有任何错误，但是我生成的js文件没有加载。这是我的代码；
在default.aspx页面中，我有我的选择器：
<asp:Content ContentPlaceHolderID="PlaceHolderMain" runat="server">
<app-main>Loading...</app-main>
</asp:Content>
boot.ts
import {bootstrap} from 'angular2/platfo
浏览 6提问于2016-05-04得票数 1
我在MVC3项目中工作，在这个项目中，我需要将数据从具有相同模型实例的部分视图传递到控制器。
主视图包含@model Models.Patients.PatientNewVisitModel形式的模型
@foreach (var item in Model.woundList)
{
@Html.Partial("PatientNewVisitPartialView",item.Wound)
}
部分视图包含模型，如下所示
@model Models.Patients.PatientNewVisitModel.
浏览 2提问于2012-09-24得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
