雙向具有角2

Question

結合我具有其中我使用2路結合的語法來填充在一個單獨的組件，像這樣它的值的輸入：

<input type="text" [(ngModel)]="this.inputValue" id="itemText"> 

而在我的index.html，我設置inputValue的值：

onSelect: function (request, response) { 
      this.inputValue = request.item; 
    } 

但是，我的輸入正在更新這個新值，我錯過了什麼？

編輯： 的組件是設置像這樣：

$('.ui.search') 
    .search({ 
    apiSettings: { 
     url: 'http://localhost:8088/Badges/{query}' 
    }, 
    onSelect: function (request, response) { 
     var urlApi = 'http://localhost:8088/Badges/Details/' + request.item; 
     this.inputValue = request.item; 
    } 
}); 

Answer 1

不要：

@Component({ 
    selector: 'app-leftpane-table', 
    templateUrl: './leftpane-table.component.html' 
}) 
export class LeftpaneTableComponent implements OnInit { 
    inputValue:any; 
    constructor(private ds: DataService) { } 

    ngOnInit() {} 

而且index.html中我inputValue的設置，一旦一個項目已經從搜索結果中選擇在Angular模板中使用this。您的輸入應該是這樣的：

<input type="text" [(ngModel)]="inputValue" id="itemText"> 

編輯：

當您在onSelect功能參考this，你不參考角度成分 - 你參考作用。你可以做的是jQuery函數之前提及this：

const componentRef = this; 
$('.ui.search') 
    .search({ 
    apiSettings: { 
     url: 'http://localhost:8088/Badges/{query}' 
    }, 
    onSelect: function (request, response) { 
     var urlApi = 'http://localhost:8088/Badges/Details/' + request.item; 
     componentRef.inputValue = request.item; 
    } 
}); 

，並使用此引用，而不是this關鍵字。