为什么我不能用jquery读取角度js输入值?

时间:2016-11-12 12:14:08

标签: angularjs

我是angularjs的新人,写下这段代码:

<ng-input theme='fumi' id='txtEmail' label='پست الکترونیک' icon='icon icon--fumi mdi mdi-select-all' style="font-size:medium;width:40%;"></ng-input>


并试着用这种方式用jquery读取该值:

var EmailPattern = $('#txtEmail').val();
                alert(EmailPattern);


但警告显示我的空值,我该如何解决这个问题呢?谢谢大家。

1 个答案:

答案 0 :(得分:1)

如评论中所述,您应该避免使用jquery来获取输入值,这样做会破坏AngularJS的所有规则。 因为您可以使用ng-model指令,所以不需要jquery。

HTML

<ng-input theme='fumi' id='txtEmail' ng-model='text_email' label='پست الکترونیک' icon='icon icon--fumi mdi mdi-select-all' style="font-size:medium;width:40%;"></ng-input>

在您的控制器中:

alert($scope.text_email);

只要更改输入值,Angular就会更新范围变量。很简单。

另请注意,Angular绑定是双向的。这意味着您可以更改范围变量并查看反映在HTML

上的更改