java 文本框怎么属性绑定_如何将对象属性绑定到angular2中的文本框
我是Angular的新手,我正在尝试绑定由模型对象的文本框组成的表单 . 但我收到一个错误,如“Unhandled Promise rejection:模板解析错误:无法绑定到'NgModel',因为它不是'input'的已知属性”
我在谷歌投入了大量时间,但仍存在问题
以下是我的代码 .
html:
Project Name:
Project Manager Name:
Project Manager Email ID:
app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { FormsModule} from '@angular/forms';
import { HttpModule } from '@angular/http';
import {SpotCheckStatusComponent} from './spotcheckstatus.component';
@NgModule({
imports: [ BrowserModule ,FormsModule,HttpModule ],
declarations: [ AppComponent,SpotCheckStatusComponent ],
bootstrap: [ SpotCheckStatusComponent ]
})
export class AppModule { }
projectFields.ts
export class projectFields {
public PROJECT_CODE:string;
public PROJECT_NAME:string
public PROJECT_MANAGER: string;
public PROJECT_MANAGER_EMAIL_ID: string;
}
SpotCheckStatusComponent.ts
import {Component,OnInit ,OnChanges} from '@angular/core';
import {IMyDpOptions} from 'mydatepicker';
import {HttpService} from './http.service';
import { serviceLine } from './models/serviceLine';
import { projectFields } from './models/projectFields';
@Component({
selector: 'my-app',
styleUrls:['/css/home.css'],
templateUrl:'./SpotCheckStatus.html',
providers:[HttpService]
})
export class SpotCheckStatusComponent implements OnInit
{
name = 'SpotCheckStatus';
public projectFieldsdtl: projectFields[];
constructor(
private httpService: HttpService
) {}
ngOnInit(){
this.httpService.getProjectCode(serviceline).subscribe(
response=> {
this.projectFieldsdtl=response[0];
},
error=> {
console.log("ERROR: ",error);
console.log(error.json()); //gives the object object
},
() => {
console.log("Completed");
}
);
}
}
最后,projectFieldsdtl得到了如下对象:
[{
PROJECT_CODE:"9999"
PROJECT_MANAGER:"shekat"
PROJECT_MANAGER_EMAIL_ID:"teja.ravi@gmal.com"
PROJECT_NAME:"ABFL"
}]
java 文本框怎么属性绑定_如何将对象属性绑定到angular2中的文本框相关推荐
- Vue Angular 双向绑定检测不到对象属性的添加和删除
由于ES5的限制 Vue && Angular 双向绑定检测不到对象属性的添加和删除 还有数组增加索引.这些改变不会触发change事件.Vue是因为实例化的时候已经把各个属性都s ...
- 如何使用包含属性名称的变量检查对象属性是否存在?
本文翻译自:How to check if object property exists with a variable holding the property name? I am checkin ...
- java后台传一个对象到前台_前台判断对象中的一个布尔值_springMVC面试题
1:springMVC工作原理 springMVC架构.png [用户发送请求到前端控制器dispatcherservlet,前端控制器接收到请求之后调用处理器映射器,根据请求url找到具体的处理器, ...
- cdr对象管理器怎么用_CorelDRAW中默认对象属性管理教程-cdr默认对象属性设置方法_好特教程...
CorelDRAW 中的默认对象属性可控制活动文档中文本和图形对象的外观.例如,当您第一次安装 CorelDRAW 时,图形对象的默认属性将确定每个新图形对象都具有黑色轮廓并且没有填充. 您可以修改以 ...
- java实现for文件删除_Java 添加、删除、替换、格式化Word中的文本的步骤详解(基于Spire.Cloud.SDK for Java)...
Spire.Cloud.SDK for Java提供了TextRangesApi接口可通过addTextRange()添加文本.deleteTextRange()删除文本.updateTextRang ...
- a标签download属性无效_使用这些 CSS 属性选择器来提高前端开发效率
如题.但是不要担心,虽然属性选择器非常复杂和强大,但是它们很容易学习和使用.在本文中,我们将讨论它们是如何运行的,并给出一些如何使用它们的想法.通常将 HTML属性放在方括号中,称为属性选择器,如下: ...
- python数据框添加新列_如何在Python中将新列添加到现有数据框?
数据框是一种二维数据结构,其中数据以表格格式存储,以行和列的形式. 它可以可视化为SQL数据表或excel工作表表示形式.可以使用以下构造函数创建它-pd.Dataframe(data, index, ...
- python 对象属性作为参数_如何将对象属性作为函数参数传递给lambda函数?
这是另一个使用^{}的版本.我认为在这里给Employee类a.sortclassmethod是有意义的.我从andrejkesely"借用"了__repr__方法和测试数据.:) ...
- python查找并修改文件中的内容_如何使用Python搜索和替换文件中的文本?
如何使用Python搜索和替换文件中的文本? 如何使用Python 3搜索和替换文件中的文本? 这是我的代码:import osimport sysimport fileinputprint (&qu ...
- es6删除对象的属性_JavaScript删除和清空对象属性
本文介绍一下如何利用JavaScript删除对象中的属性. 这是非常基础简单的操作,可能刚接触JavaScript的朋友会产生一些误操作. 首先看一段代码实例:[JavaScript] 纯文本查看 复 ...
最新文章
- 大盘点|6D姿态估计算法汇总(下)
- 领导者的本质——管理自己,影响别人!(深度好文)
- wpf Datagrid绑定 Dictionary
- Python正则表达式的7个使用典范
- 【NLP】听李宏毅点评GPT-3:来自猎人暗黑大陆的模型
- PHP对URL进行字符串编码
- 第4课 - 深入浅出处理器(续)
- webpack简单笔记
- python写入数据的一种措施_Python 文件数据读写的具体实现
- Qt之Concurrent框架
- 卖爆了!华为Mate40天猫20秒售罄、京东11秒抢光
- spark学习-57-Spark下Scala版HBase下的根据权重获取最真实数据
- 行上下移动_这有一台你迟早要用到的手持式“移动空调”
- 微信小程序可以实现很多功能
- 京东双 11 大促价疑遭提前泄露;库克:iPhone 11 中国定价策略成功;GitLab 重大安全版本更新 | 极客头条...
- Restful规范-开发api接口
- am3352 安装ssl
- cocos2d音效设置
- [渝粤教育] 西南科技大学 中国古代文学〔2〕 在线考试复习资料
- Java.I/O流编程一览笔录
热门文章
- (转)来自瑞士的七个葫芦娃:各怀绝技的Wealthtech解决方案商
- 阿里云刘伟光:核心系统转型之路
- 企业IT治理样板间首次直播,教您如何打造高效可控的云环境
- 疫情防控的“第二战场” | 凌云时刻
- 【优化求解】基于matlab粒子群算法求解仓库成本控制优化问题【含Matlab源码 1577期】
- 【优化算法】人工蜂鸟优化算法(AHA)【含Matlab源码 1470期】
- 【无线通信】基于matlab无线传感网络WSN仿真【含Matlab源码 1237期】
- 【数字信号】基于matlab 8级m序列【含Matlab源码 353期】
- cnn初学者—从这入门_使用Tensorflow为初学者使用CNN进行简单图像分类
- python升级pip怎么出错了_pip 的高阶玩法