AngularJSを使用してテキストフィールドの値を取得するにはどうすればよいですか？

Question

フォームが送信されるときに、AngularJSを使用してテキストフィールド値の値を取得します。

以下のコードは、常に「未定義」を示しています。

HTML：

<form ng-submit="AdvanceSearchSubmit($event)" name="AdvanceSearch" novalidate> 
<p ng-show="!AdvanceSearch.SearchKeyWord.$pristine && AdvanceSearch.SearchKeyWord.$invalid" class="text-danger">Text Cannot Be Empty!</p> 
    <div ng-hide="AdvanceSearchModel" class="input-group"> 
    <input name="SearchKeyWord" ng-model="SearchKeyWord" id="SearchKeyWord" class="form-control" placeholder="Search in timeline...." type="text" required> 
     <span class="input-group-btn" ng-click="isAdvanceSearch='false'; SearchPost(0,'true')"> 
     <button ng-disabled="AdvanceSearch.$invalid" type="submit" name="search" id="search-btn" class="btn btn-flat"> 
     <i class="fa fa-search"></i> 
     </button> 
     </span> 
    </div> 
</form> 

一つの試み：

$scope.AdvanceSearchSubmit = function(event) 
{ 
    alert(event.target.value); 
}; 

別の試み：

$scope.AdvanceSearchSubmit = function(event) 
{ 
    alert(event.SearchKeyWord.value); 
}; 

Answer 1

代わりにeventパラメータ

として SearchKeyWordを渡します

コントローラ

$scope.AdvanceSearchSubmit = function(keyWord) 
{ 
    alert(keyWord); 
}; 

Answer 2

あなたが提出する上で、あなたのAdvanceSearchSubmitにすべてのイベントを渡す必要はありません。あなたは既にevent.SearchKeyWord.valueが機能しない理由ng-model="SearchKeyWord"

alert($scope.SearchKeyWord); //access value from `$scope` directly