發送文本框輸入的NG-點擊

Question

我有一個輸入和按鈕後，吳單擊一個按鈕

<input type="text" name="search_tags" id="search_tags" placeholder="Search by Tags" class="form-control" > 
<button type="submit" class="btn btn-primary btn-lg" ng-click="searchTags()">Search</button> 

我如何通過存在於輸入文本框中的文本到searchTags（）函數？

Answer 1

設置ngModel指令用input控件，然後通過那個按鈕到ngClick。

<input type="text" ng-model="myText"> 
<button type="submit" ng-click="searchTags(myText)">Search</button> 

酒店myText將訪問在$scope

Answer 2

您需要引用ng-model您輸入字段這樣的：

<input ng-model="myScopeVariable" type="text" name="search_tags" id="search_tags" placeholder="Search by Tags" class="form-control" > 
<button type="submit" class="btn btn-primary btn-lg" ng-click="searchTags(myScopeVariable)">Search</button> 

Answer 3

您正在使用angularJs。因此，您可以輸入ng-model以便您可以通過它訪問該值。訪問

一種方法是

<input type="text" ng-model="text_content" placeholder="Search by Tags" class="form-control"> 
<button type="submit" class="btn btn-primary btn-lg" ng-click="searchTags(text_content)">Search</button> 

否則，你可以訪問該值在控制器進行傳遞的功能。

<input type="text" ng-model="text_content" placeholder="Search by Tags" class="form-control"> 
<button type="submit" class="btn btn-primary btn-lg" ng-click="searchTags()">Search</button> 

可以通過$scope.text_content

Answer 4

訪問控制器中的值使用NG-模型指令從模型數據綁定到HTML控件（輸入，選擇，文本區域）的視圖

的ng-model指令提供模型和視圖之間的雙向綁定。

<input ng-model="search_tag" type="text" name="search_tags" id="search_tags" placeholder="Search by Tags" class="form-control" > 
<button type="submit" class="btn btn-primary btn-lg" ng-click="searchTags(search_tag)">Search</button>