使用Angular2中的货币掩码从输入中获取值

时间:2017-06-27 08:41:27

标签: jquery angular

我在表单内的输入上使用了maskMoney jquery插件。当我想从这些输入字段中获取数据时,它是空的!

这是我的MaskMoney指令:

<form role="form" #f="ngForm" (ngSubmit)="addcharge(f)" novalidate>
   <input type="text" name="value" #value="ngModel" ngModel money>
</form>

// in ts file
addcharge(g) {
   console.log(g.value);
}

这是我的表单:

IF @IsVersion = 0 -- don't execute trigger
BEGIN
    ALTER TABLE [MySchema].[Project] DISABLE TRIGGER trgUpdate_Project;

    UPDATE [A]
    SET [A].Label = 'lorem ipsum text'
    FROM [MySchema].[Project]
    WHERE [A].ProjectId = 1

    ALTER TABLE [MySchema].[Project] ENABLE TRIGGER trgUpdate_Project;
END

当我在控制台中记录值为空时!我怎样才能正确地从输入中获得价值?

谢谢。

2 个答案:

答案 0 :(得分:0)

您不需要单个输入的表单我觉得这应该可以正常工作

<div>
  <input type="text" name="value" #titleInput money>
  <button type="submit" (click) = 'addTodo(titleInput.value)'>Add</button>
</div>


  addTodo(title:string) {
    console.log(title);
  }

如果您需要查看Reactive或模板驱动表单,可以查看@此页面以获取示例

https://rahulrsingh09.github.io/AngularConcepts/#/reactive

https://rahulrsingh09.github.io/AngularConcepts/#/template

更新

检查此Plunker链接

https://plnkr.co/edit/oicEbx5HQj3T208GCuU7?p=preview

答案 1 :(得分:0)

我认为您必须在html视图中分配ngModel,如下面的代码。

<form role="form" #f="ngForm" (ngSubmit)="addcharge(f)" novalidate>
   <input type="text" name="value" #value="ngModel" [(ngModel)]="moneyValue" money>
</form>

// in ts file
moneyValue: string = null;
addcharge(g) {
   console.log(this.moneyValue);
}