Question

我在angular2中有一个搜索引擎代码。
选择搜索结果时，我需要在文本框中显示值，并在其旁边带有十字按钮。
现在我正在得到结果。
但是当我在文本框中键入字母h时，会看到一些结果，但是当我选择悬停时，h字母不会消失。
要使其消失，我将文本框值设置为空，但仍无法正常工作。
在下面提供我的代码和堆栈闪电
你能帮我吗？
以便将来我可以实现自己。

https://stackblitz.com/edit/angular6-fdwnew?file=app/app.component.ts

add(item){
        console.log("item--->", item);

    this.tags.push(item);

    this.value=''
  }

  delete(item) {  
    console.log(item);
    this.tags = this.tags.filter(x => x !== item)  
    //this.tags.push(item);    
  }

Answer 1

您可以使用ngModel更改HTML，这是Angular中的两种绑定方式，我认为您最好保留Input条目和标签列表的独立框

// FROM GOOGLE (https://developers.google.com/identity/sign-in/web/sign-in#sign_out_a_user)
function signOut() {
    var auth2 = gapi.auth2.getAuthInstance();
    auth2.signOut().then(function () { // THIS FAILED BECAUSE getAuthInstance() HADN'T COMPLETED
        console.log('User signed out.');
    });
}

Demo Here

选择搜索结果后，清除文本框的字母值

1 个答案: