Question

我想获得Angular2中特定元素的值，但到目前为止我被困在中间。

基本上，我想做一些像下面这样简单的事情（jQuery）但是在Angular2中

    $( "div#elementId" ).val();

修改：我正在尝试获取位于div

内的<form>的值

Answer 1

您可以使用two way data binding来访问元素值。在这种情况下，我将假设您正在尝试访问输入的值。您可以在模板中执行此操作：

<input [(ngModel)]='elementName'>

并在导出的类中执行以下操作

export className{
    elementName
    // elementName variable will be same with the input
}

我希望这有助于或至少给你一个想法。有关ngModel

的详细信息

Answer 2

当您想要访问特定元素时，在角度2.0中执行此操作的最佳方法是属性指令 看到这里

https://angular.io/docs/ts/latest/guide/attribute-directives.html

work plunker：https://embed.plnkr.co/at1rkZRhNQ3GniypwlUm/

如果你将鼠标悬停在＆＃39;突出显示我＆＃39;在前，你可以看到变化。基本上let photoArray = [ "image": imageBase64, "thumb": imageBase64 ] let param = [ "firstName": txtFirstName.text as! AnyObject, "lastName": txtLastName.text as! AnyObject, "shortName": txtShortName.text as! AnyObject, "nric":"", "gender": genderCode, "dob":txtDOB.text as! AnyObject, "photo": photoArray ]将为您提供相应的元素参考。

Answer 3

是的，你只能使用angular2我认为你必须使用ViewChild，如果你想得到任何值的text text，你必须使用id来使用javascript但是如果只使用angular2您可以使用#说明

来声明局部变量

<input type="text" #name>

通过使用它，您可以使用ViewChild获取名称字段的值，如下所示： -

.....
@ViewChild('name') name: any;
this.name.nativeElement.value;
.....

Working Example

替代

您应该使用类似于jQuery val的<{3}}方法：

console.log(angular.element('#username').val());

另见

$.fn.val

Answer 4

怎么样：

http.formLogin().successHandler(new AuthenticationSuccessHandler() {
    @Override
    public void onAuthenticationSuccess(HttpServletRequest request, HttpServletResponse response, Authentication authentication) throws IOException, ServletException {
       //do nothing
    }
});

Angular2（JavaScript） - 获取元素的值

4 个答案: