@Input()值始终未在typescript中定义
@Input()是Angular框架中的一个装饰器，用于定义组件的输入属性。通过@Input()装饰器，我们可以将数据从父组件传递给子组件。
@Input()的作用是声明一个属性，并将其暴露给父组件，以便父组件可以通过属性绑定的方式将数据传递给子组件。在子组件中，我们可以通过该属性来接收父组件传递过来的值，并在子组件中进行相应的处理。
使用@Input()装饰器的语法如下所示：
@Input() propertyName: propertyType;其中，propertyName是属性的名称，propertyType是属性的类型。
@Input()装饰器的优势在于可以实现组件之间的数据传递和通信，使得组件之间可以更加灵活地进行交互。通过@Input()装饰器，我们可以将数据从父组件传递给子组件，并在子组件中进行相应的处理和展示。
@Input()装饰器的应用场景包括但不限于：
- 父子组件之间的数据传递：通过@Input()装饰器，可以将父组件中的数据传递给子组件，实现组件之间的数据共享和通信。
- 动态组件加载：通过@Input()装饰器，可以将动态加载的组件所需的数据传递给该组件，实现动态组件的数据初始化。
- 组件复用：通过@Input()装饰器，可以将组件的属性暴露给外部，使得该组件可以在不同的上下文中被复用，并接收不同的数据。
腾讯云相关产品中，与@Input()装饰器相关的产品包括：
- 腾讯云云开发（CloudBase）：腾讯云云开发是一款支持前后端一体化开发的云原生应用开发平台。通过腾讯云云开发，可以快速构建具备前后端交互的应用，并实现数据的传递和共享。
- 腾讯云云函数（SCF）：腾讯云云函数是一款事件驱动的无服务器计算服务。通过腾讯云云函数，可以将事件和数据传递给函数，并在函数中进行相应的处理。
以上是对@Input()值始终未在typescript中定义的完善且全面的答案。
相关·内容
我是个打字新手。我有一个关于如何在单击.html按钮时从您的html页面调用.ts文件中的方法的查询
.ts文件
class AdminTS {
public alertMessageTS() {
alert("This is the test call!!!.");
}
}
.html页面
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Sample Typ
浏览 7提问于2017-08-07得票数 11
回答已采纳
我进入了TypeScript，并且作为Angular组件的一部分，我试图在我定义的对象上设置属性，但我总是得到一个
ERROR TypeError: Cannot set property 'ooyalaId' of undefined
下面是我设置该属性的方式：
@Input() data: Media;
options: Video;
constructor() { }
ngOnInit() {
console.log(this.data.ooyalaVideo);
this.options.ooyalaId = this.data.
浏览 0提问于2017-05-26得票数 0
我将vue组件定义为Typescript类，如下所示：
import {Component} from 'vue-property-decorator'
import Vue from "vue";
@Component({})
export default class TestComponent extends Vue {
test:string;
}
并从我的入口文件中调用它，如下所示：
let test = new TestComponent({el:'#element'});
将其附加到以下HTML：
<section
浏览 37提问于2018-01-30得票数 1
我们使用TypeScript来键入提示JavaScript代码。我们还对Ajax调用使用类型提示，以定义响应数据的格式(在success回调中)。这就是它的样子：
interface AjaxResponseInterface {
width:number;
height:number;
etc:any;
}
function ajax(element_id:number):JQueryPromise<any> {
return $.ajax({
url: '/ajax/get-details',
t
浏览 3提问于2016-08-23得票数 1
回答已采纳
我想知道在typescript中null和undefined的区别是什么。我知道在javascript中，可以同时使用这两个变量来检查变量是否没有值。但在typescript中，我想确切地知道它们之间的区别，以及什么时候使用它们更好。谢谢。
浏览 5提问于2017-06-14得票数 23
回答已采纳
我对TypeScript相当陌生，我已经为这个问题挣扎了一段时间了。
我想把到组件的路由传递给一个支柱，但是我不知道如何键入它，所以我一直从TypeScript获得TypeScript。
ParentComponent (我在那里经过路线)：
import { ChildComponent } from '../components';
export const ParentComponent = () => (
<div>
...
<ChildComponent to={"/page_one"}>tex
浏览 6提问于2021-11-08得票数 0
回答已采纳
我使用React + TypeScript + Mobx。我用输入创建了表单，一切正常，但是浏览器给出了一个错误。我做错了什么？
警告:组件正在更改要控制的文本类型的不受控制的输入。输入元素不应从不受控制的转换为受控的(反之亦然)。决定在组件的生存期内使用受控输入元素还是不受控制的输入元素。
表格：
@observer
export class SearchForm extends React.Component {
@observable
private _inputText: string;
submitForm = (event: SyntheticE
浏览 2提问于2018-06-06得票数 6
回答已采纳
2回答
获取不起作用的输入框的值
、、、
我的html文档有问题。我试图找到下面的iput盒子的价值，但它不能工作。它显示该值为空。我是在我的电脑上，而不是在网络上，以文件的形式运行文档，如果这有区别的话。这是我的html代码：
<p class='textcenter'>What would you like to scan</p><input id='scanbox1' type='text' name='scanboxtype'>
这是我的jquery：
var a;
a = $('input[name=scanboxty
浏览 0提问于2013-07-01得票数 1
回答已采纳
我正在使用TypeScript 0.8.3并试图使工作。
我的设置有点不同，但应该真的能用。请记住，当我构建该项目时，它工作得很好，只是不需要保存：
显然，第一件事是：Tools > Options > Text > TypeScript > Project > on Save上编译为“自动编译作为项目一部分的TypeScript文件”
然后在我的.csproj文件中
<PropertyGroup Condition="'$(Configuration)' == 'Debug'">
<T
浏览 3提问于2013-03-27得票数 15
回答已采纳
2回答
在React中，我试图创建一个形式，其中一些值是可选的。我有以下TypeScript接口：
export interface DataModel {
title: string,
count?: number,
}
count是可选的，但是如果它被设置，它必须是一个数字。
我已经设置了我的初始对象如下：
const INITIAL_VALUE = {
title: "",
count: undefined
}
const dataItem = useState(INITIAL_VALUE);
然后我创建了一个表单：
<form
浏览 6提问于2021-04-09得票数 1
回答已采纳
我对角度很陌生，也不知道如何在表单字段值(总是字符串)和类型化模型属性之间转换类型。
以下组件应该是数字的两倍。结果显示在控制台中。
import { Component } from '@angular/core';
@Component({
selector: 'app-model-view-conversion',
template: `
<input [(ngModel)]="aNumber" (keyup)="double()" />
`
})
export class ModelVie
浏览 1提问于2018-03-21得票数 1
我使用的是来自DefinitelyTyped存储库的https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/forge-viewer的typescript定义 但是我遗漏了很多类型，特别是那些与Profiles管理相关的类型： viewer.registerProfile(...)
wiewer.setProfile(...)
constructor: Autodesk.Viewing.Profile(customProfileSettings...)
Autodesk.Viewing.ProfileSetti
浏览 4提问于2021-08-27得票数 1
回答已采纳
检查用户输入是否在条目白名单中的最佳实践是什么？
export class myClass {
@Input() type: string;
}
设置type应该只有当它在定义的列表中时才可能，否则它应该为空。对于angular或typescript，有没有通用的方法？
浏览 2提问于2017-08-01得票数 2
TypeScript新手(但不是OO设计新手)我不明白发生了什么
文件application.ts
class
APPLICATION{
constructor(){
console.log("constructor APPLICATION")
this.database = new REPOSITORY
}
database: REPOSITORY
}
new APPLICATION
import { REPOSITORY } from "./reposit
浏览 0提问于2017-10-15得票数 4
我在JavaScript中有以下函数：
function isUndefined(type) {
return type === "undefined";
}
来源：
下面是一个调用它的例子：
var isRenderer = !isUndefined(typeof process) && process.type === "renderer";
如何在TypeScript中重写该函数，并在调用它之后对类型缩小产生与直接使用typeof process !== "undefined"相同的效果。
这是我最好的非工作尝试。
ex
浏览 0提问于2020-06-11得票数 0
我对Typescript是个新手，我一直在尝试处理那些typescript呕吐的错误信息。我花了几个小时的时间来搜索下面的内容：
ERROR in [at-loader] ./src/Radio/styles.tsx:142:3
TS2322: Type 'StyledComponent<"input", WireframeTheme, {}, never>' is not assignable to type 'StyledComponent<"input", WireframeTheme, RadioStyl
浏览 0提问于2020-06-12得票数 1
这是我的typescript代码
function loginWithPassword(user: Object | string, password: string, callback?: Function): void;
我不知道typescript中的这段代码发生了什么
浏览 0提问于2019-04-08得票数 0
我有这个函数，它曾经在普通的javascript中工作。我现在正试着把它“转换”成Typescript。
function checkStatus(response :any) {
if (response.status >= 200 && response.status < 300) {
return response;
} else {
const error = new Error(`HTTP Error ${response.statusText}`);
error.status = response.statusText;
浏览 0提问于2018-01-30得票数 1
我正在尝试使用Angular 9.1.3和bootstrap开发一个屏幕，我想使用jquery日期时间选择器。我已经集成在屏幕上，它选择了日期，但它返回了字段中的日期，格式错误。我看过很多例子，但我没有成功地解决我的问题。
在html文件中，我声明了如下字段：
<div class="form-group row">
<label for="startDate" class="col-sm-2 col-form-label" i18n="@@startDate">Start date</l
浏览 0提问于2020-05-16得票数 0
我已经为S3操作创建了一个包装类，但是当我使用TypeScript编译器编译时，会得到以下错误：
lib/Store.ts:20:15 - error TS2531: Object is possibly 'null'.
20 await this.store.upload({
我是TypeScript的新手，但我知道TypeScript正在这里做它的工作，防止了await this.store.upload()在this.store是null的情况下运行的可能性。处理类值可能尚未初始化的这种情况的正确方法是什么？
我的包装类：
import S3 from
浏览 7提问于2022-02-26得票数 0
回答已采纳
对于低于TypeScript代码的错误，
不能将“{}”类型指定为“{ title: string；text: string；}”。“{}”类型中缺少属性“title”。
我宣布“文章”如下，
article: { title: string, text: string } = {};
它的原因是什么，如何解决？谢谢!
import { Component } from '@angular/core';
import { FormControl, FormGroup, Validators } from '@angular/forms';
@Com
浏览 5提问于2017-02-07得票数 24
回答已采纳
1回答
我正在将nswag与angular2 typescript应用程序一起使用，并希望从WebAPI中返回typescript中的泛型类型或'any‘：
public async Task<T> GetSomeInput(SomeInput input)
{
if (input == "Car")
{
var result = await _repository.GetAsync<Car>(input);
return result.MapTo<CarDto>
浏览 5提问于2017-04-26得票数 0
考虑一下这个例子：
type SomeType = {
paymentData?: {
paymentMethod?: string;
}
}
const someObj: SomeType = {};
const someTest = ['creditCard', 'payPal'].includes(someObj.paymentData?.paymentMethod);
这在TypeScript中不起作用，因为它推断数组元素的类型为string，因此它要求与includes函数一起使用的值也是string类型，但是someObj.pay
浏览 7提问于2022-03-09得票数 3
回答已采纳
我们正在用C#开发Web API RESTful服务，用React + Typescript开发UI。
在C# REstAPI models中重命名/添加/删除一些属性后，web UI停止工作，因为我忘记在UI中重命名它。
此外，对我来说，几乎不可能找到这些对象的API调用的所有用法。
我想配置强类型，编译时检查系统，typescript对象将以某种方式映射到C#对象，编译器将对其进行检查。
我可以想象我(程序员)会用一些元数据(C#名称空间和类名)标记javascript/typescript对象。
我怎么能做到这一点。
浏览 5提问于2018-11-17得票数 0
我试图模拟一个组件来对SetCursorPositionDirective指令进行单元测试，但是我得到了错误-- ' component‘是声明的，但它的值永远不会读取。
import { Component } from '@angular/core';
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { FormsModule } from '@angular/forms';
import { By } from '@angul
浏览 6提问于2022-04-26得票数 0
回答已采纳
在使用jQuery 1.7.1时，我注意到当我在Firebug的Inspect元素工具中查看文本输入字段时，它的value属性/属性不会更新，但会在屏幕上更新，即在实际的可见文本框中更新。
例如，当使用以下内容更改文本的值时(内联使用)：
jQuery(function() {
jQuery('#event').val("test");
});
文本框本身显示test，但Firebug的Inspect元素并不表示更改：
<input type="text" value="" placeholder=""
浏览 0提问于2012-05-31得票数 3
回答已采纳
我正试图用onChange和onKeyDown将一个输入组件放进TypeScript中，这已经失控了。
我有这个Input组件：
import React, { ChangeEvent, KeyboardEvent } from 'react'
import { InputStyle } from './Input-style'
type InputProps = {
name: string
value: string | number
type?: string
placeholder?: string
onBlur?: () =&g
浏览 9提问于2022-01-31得票数 0
ng serve命令输入获取上述错误。
serve命令需要在有角度的项目中运行，但无法找到项目定义。
我已经尝试了所有的StackOverflow答案，但无法解决我的问题。
另外，
npm start command
User @angular/cli@1.6.7
我的package.json文件：
{
"name": "headerfooter",
"version": "0.0.0",
"license": "MIT",
"scri
浏览 6提问于2019-07-15得票数 1
2回答
我使用以下代码将数据插入到SQL的临时表中：
SELECT bartt_code, bartt_code_description, mele_port_name, expiry_date, trade_price, trade_qty_in_lots, trade_qty, (trade_price*trade_qty) AS 'Price_x_Quantity'
INTO #Table1
FROM kst_exchange_trade
WHERE bartt_code IS NOT NULL
GROUP BY bartt_code, bartt_code_descriptio
浏览 0提问于2021-10-19得票数 1
今天我在Typescript中发现了一个奇怪的行为。
我有一个类被定义为：
class MyClass {
myMember: true;
}
编译和tslinted没有任何错误。在typescript代码中根本没有使用这个成员，但我在Angular中引用了它。
正如你可以想象的那样，我想做的是：
class MyClass {
myMember = true;
}
因此，显然Angular没有看到该属性的值。
但我的问题是，为什么要编译它？“true”是否被理解为一种类型？我的tsconfig.json中是否遗漏了会导致该行抛出错误的内容？
只是想知道是否有什么我可以定义的东西来捕获
浏览 0提问于2018-04-24得票数 1
在我的angular应用程序中，我有一个带有如下模板的组件：
<div>
<app-component2 [input1]="value"></app-component2>
</div>
在typescript-part中使用@Input input1。
当构建/运行应用程序时，我得到一个解析器错误:意外的标记'value‘at column...我认为这是向component2提交input1值的方法。我做错了什么？
浏览 0提问于2020-06-05得票数 0
1回答
我在玩弄，试图使用类型记录和角2来运行他们的示例。当我编译代码时，它抱怨‘Observable<{}>’类型上不存在"Property 'pluck‘“。我搞不懂为什么没有皮克。它在rxjs 5中被删除了吗？
使用：
角2.0.0-β.0 rxjs 5.0.0-β
代码：
import {Component} from 'angular2/core';
import {FORM_DIRECTIVES} from 'angular2/common';
import {Http} from 'angular2/http';
浏览 5提问于2016-01-01得票数 0
回答已采纳
1回答
const employeeQuestion = [
{
type: "list",
name: "employeeTitle",
message: "What's the employee's title",
choices: ["Engineer", "Intern"]
},
//when role is engineer is true, ask this question
{
浏览 1提问于2020-05-09得票数 0
回答已采纳
我正在尝试弄清楚是否有一种方法可以在TypeScript中设置一个反映非零数的类型：
type Task = { id: number };
const task: Task = { id: 5 };
const tasks: { [taskId: number]: Task } = { 5: task };
function getTask(taskId: number | undefined): Task | undefined {
return taskId && tasks[taskId];
}
在上面的代码中，TypeScript抱怨说因为taskId是一
浏览 2提问于2020-11-14得票数 1
typescript中有一个本机File接口
假设我有一个名为File的自定义类/接口
class File {
read(input: File) {}
}
我如何告诉typescript input参数的类型是原生typescript的File实现，而不是我自己的？
浏览 1提问于2019-12-30得票数 1
我有一个为配置定义了预处理器常量的项目。
<DefineConstants>TRACE;DEBUG;VAR1</DefineConstants>
我的代码可能是：
#if VAR1
Console.WriteLine("Var1");
#endif
#if VAR2
Console.WriteLine("Var2");
#endif
我希望执行MSBuild并定义常量VAR2，而不需要在配置中定义覆盖常量。
我试着：
MSBuild MyProject.csproj /p:DefineConstants=V
浏览 2提问于2015-08-31得票数 3
回答已采纳
我不明白{}对象的类型是什么。对象在类型记录中。
我将展示三种选择。请向我解释，他们可以得到x，y，z？
const x: object | { x: number } = ?; // What can accept x and why ?
const y: Object | { y: number } = ?; // What can accept y and why ?
const z: {} | { z: number } = ?; // What can accept z and why ?
我是新来的，我很难理解这一切。
浏览 0提问于2019-10-25得票数 0
回答已采纳
假设我有一个有效的微数据增强HTML片段：
<div itemscope itemtype="http://schema.org/Corporation">
<div itemprop="legalName">Example</div>
</div>
(我用谷歌的结构化数据测试工具对此进行了测试。)
现在，我想添加一个属性，这个属性在schema.org中不可用，但在另一个词汇表中可用(在本例中，W3C注册了Org 1)：
<div itemscope itemtype="http://schem
浏览 0提问于2014-02-13得票数 3
回答已采纳
我必须为team对象声明一个接口：
export interface Team{
memberUid?: {
mail: string
name: string
photoURL: string
}
startDate: Timestamp
endDate: Timestamp
agenda: Array<{
date: Date | Timestamp
title: string
description: string
}>
}
将有几个成员Uids。我不知道如何在TypeScript中申报。
我试过：
[m
浏览 1提问于2020-09-27得票数 0
回答已采纳
2回答
我有一个表，我在其中动态地添加了一些行，并且在新的行中，我添加了一个输入文本元素。当input元素中的文本发生变化时，我希望访问父行并围绕它执行一些操作。但是我的代码不能访问input元素的父节点。以下是代码示例。这是什么原因呢？有没有什么工作可以做？
row的创建如下所示：
var newRow = document.createElement('tr');
dojo.place(newRow, row, "after");
var td = document.createElement('td');
dojo.place(td, newRow
浏览 0提问于2009-12-11得票数 0
回答已采纳
1回答
我有一个名为MemberArea.php的页面，它使用引导选项卡根据div更改其内容。
<div id="tabs-1" class="tab-pane fade in active">
<div class="tabbable tabs-left">
<br />
<ul class="nav nav-tabs" id="maincontent" role="tablist">
<li c
浏览 0提问于2015-09-30得票数 0
我正在尝试根据用户在输入字段中输入的内容来做一些数学运算。这些更改应该反映在另一个字段上。问题是，用户可以有多个表行，并且计算必须是每行分开的。如果我对行(数字)进行硬编码，一切都可以正常工作。故事是这样的:用户输入一个数量-->输入一个价格-->，然后立即计算出总数。
这是添加另一行的代码：
var product_row = <?php echo $product_row; ?>;
function addProducts() {
html = '<tr id="invoice-product-row' + product_
浏览 3提问于2015-08-21得票数 1
1回答
在ant设计中，可以提供一个自定义验证器，如下所示：
<Form.Item label="First Name">
{getFieldDecorator("firstName", {
rules: [
{
validator: (rule: any, value: string, cb: (msg?: string) => void) => {
value.length < 3 ? cb("too short") : cb();
}
浏览 0提问于2019-08-20得票数 1
回答已采纳
有类似的接线员吗？在TypeScript中，可以检查变量是空的还是没有像Kotlin那样定义的？喜欢
person?.getName()?.firstName ?: "None"
浏览 8提问于2017-08-01得票数 42
回答已采纳
我正在尝试学习一些教程，但我在理解typescript语法时遇到了困难。请提供以下typescript语法的说明 1 type ValidationResult<T, U> = Partial<{ [Key in keyof T]: U }>; 我在typescript手册的泛型章节中找不到一个例子来描述上面语句中的<T, U>部分-它是什么意思？这是否意味着T是输入，而U是输出？ 我理解部分，但似乎不能理解Partial<{ [Key in keyof T]: U }>，请解释一下它的意思 2 type Validation<T, U&
浏览 30提问于2020-06-17得票数 1
回答已采纳
我不明白为什么这个TypeScript代码应该编译(TypeScript 2.8.3都是严格检查的)
我已经将一个对象强制转换为IUser类型，并包含了一个不存在"bob“的属性
我看过关于超额检查的文档-
但它仍然没有意义，这应该编译-鉴于我正在铸造它。
最终的问题是:我如何才能真正地对这个对象进行正确的键入--以至于将其转换为具有非接口成员(可能/可能的错误)的对象应该无法编译。
interface IUser {
name: string
}
const func = (user: IUser) => {
alert(user)
}
func(<
浏览 0提问于2018-06-06得票数 1
回答已采纳
我有一个带有html表格的网页。在每一行中，我都有一个指向另一个服务器上的restful服务的链接。
当我按下一行中的按钮时，ajax调用执行得很好，我得到了答案。我试图在一个循环中调用表中的所有服务。我在javascript数组中添加调用，然后在和应用执行调用时使用。
只执行一个调用并返回数据。检查检查中的网络，我可以看到restful服务的结果很好，但是回调没有被调用。
我知道我对延迟对象做了一些错误，但是我不知道如何正确地使用它们。
您可以在上看到单个调用页面
以及的批处理版本
你能帮我找出我做错了什么吗？
批处理页中的代码(jquery和html)是
<!DOCTYPE html
浏览 1提问于2014-11-21得票数 0
//I am working on this assignment
objToSendServer.input1 = obj.input1
//type definitions are:
class obj {
input1: number;
}
class objToSendServer{
input1: number
}
// if I do this assignment that value of obj.input1 is "1"
// which cause of problem on server side
// which is we
浏览 7提问于2015-05-12得票数 1
回答已采纳
1回答
我正在设置一个可重用的文本输入，可以与反应性表单一起使用。
当我将它添加到app模块的声明数组并发出ng serve时，我会得到以下错误。
/ Generating browser application bundles (phase: building)...C:\SPA\node_modules\typescript\lib\typescript.js:19487
return text.replace(/{(\d+)}/g, function (_match, index) { return "" + ts.Debug.checkDefined(args[
浏览 4提问于2022-10-01得票数 0
回答已采纳
我有一个用html写的表单，一些AJAX代码和一个PHP文件，其中电子邮件表单的信息到网站的管理。问题是，当我通过FireBug插件中的“控制台”选项卡检查代码时，一切都如期而至。回复是"OK，我的朋友“(应该是在电子邮件发送成功的情况下)。但是，当我想通过这两行：response和alert(this.response);来查看确切的alert(this.responseText);或alert(this.response);时，打开的警告窗口在这两种情况下都显示：“未定义”。我的意思是，PHP文件发送的响应是正确的，FireBug证明了这一点。但我无法得到this.response
浏览 0提问于2017-03-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
