Я довольно много новичка с AngularJS, и я пытаюсь представить форму, следующим образом:не ngSubmit получать представленный
<div ng-include="APP_URL + '/view/myResolver/searchForm.html'" ng-controller="MySearchFormController"> </div>
Это мой searchForm.html:
<div class="container">
<div class="row">
<div class="col-md-14">
<div class="well">
<div class="col-md-9">
<form ng-submit="submit()" class="form-horizontal clearfix" role="form" >
<div class="form-group">
<label for="teamName" class="col-md-3 control-label">Team name</label>
<div class="col-md-9">
<input type="text" ng-model="myName" id="myName" class="form-control">
</div>
</div>
</div>
<div class="row">
<div class="col-md-0"></div>
<button ng-click="onFormReset()" class="btn btn-default">Reset</button>
<input type="submit" id="submit" class="btn btn-primary" value="Search"/>
</div>
</form>
{{teamName}}
</div>
</div>
</div>
UPDATE
контроллер:
angular.module('MyApp')
.controller('MySearchFormController', ['$scope', function($scope){
$scope.submit = function(){
if ($scope.myName) {
alert($scope.myName);
$scope.teamName = this.teamName;
}
}
}]);
В настоящее время текст автоматически появляется в поле {{имя_группы}}. Вместо этого я хотел бы, чтобы он работал только на Submit(), а именно нажав кнопку «Поиск».
Можете ли вы показать свой контроллер? –
Я только что отредактировал его. – thitami
Фактически 'this.teamName' ссылается на область действия метода $ scope.submit. Я думаю, вы хотите сделать '$ scope.teamName = $ scope.myName;' – meriadec