注意:我想知道正确的方法或更多
_____________________________________________________________________
ANGULAR1
在中angular1
,我们可以执行以下操作。
$scope.user={};
$scope.user.name="micronyks";
$scope.user.age="27";
或直接喜欢
$scope.user={name:"micronyks",age:"27"}
绑定到模板的样子,
<div>My name is {{user.name}} & I'm {{user.age}} year(s) old. </div>
______________________________________________________________________
ANGULAR2
在angular2与打字稿,
模型
export class LoginModel()
{
private name:string;
private age:number;
}
应用程序
import {LoginModel} from '../models.ts';
user=new LoginModel()
constructor()
{
this.user.name="micronyks"
this.user.age="27"
}
app.html
<div>My name is {{user.name}} & I'm {{user.age}} year(s) old. </div
>
我们可以直接创建具有值的属性的对象吗?
我知道TypeScript
主要是关于type
。
但是想知道是否还有其他东西,以及是否有人知道某些东西。
如果您想展示一些东西,您可以使用这个塞子:Plunker
您也可以在Angular2中使用文字对象,例如Angular1。由于Angular2可与TypeScript一起使用,因此您可以利用其强类型。这样,您可以指定属性和参数的类型。现在无法进行检查,如果使用了不正确的类型,这将导致类型错误。
import {LoginModel} from '../models.ts';
export class Test {
user:LoginModel = new LoginModel()
constructor() {
this.user.name = 'micronyks';
this.user.age = 27;
this.someMethod(this.user);
}
someMethod(user:LoginModel) {
// ...
}
}
另一点与依赖项注入有关,因为Angular2可以依靠类型来知道要注入哪个实例...否则,您需要使用@Inject
。
在您的IDE中也有影响。因为如果定义类型而不是没有类型或,就可以完成any
。
实际上,甚至可以混合一些东西:
interface INumbersOnly {
[key: string]: number;
}
var x: INumbersOnly = {
num: 1, // works fine
str: 'x' // will give a type error
};
所以我想说,您可以自由地做自己想做的事;-)
有关更多详细信息,请参见此问题:
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句