Всем привет! Народ, помогите, хочу чтоб при изменении инпута, данные записывались в контроллер, и чтоб с этого контроллера данные можно было выводить на форму. Пока что-то не получается.
index.html:
<!DOCTYPE html>
<html lang="ru" ng-app="testModule">
<head>
<meta charset="UTF-8">
<title>Тестовое задание</title>
<!--<script src="js/angular.min.js"></script>-->
<script src="js/angular.js"></script>
<script src="js/logic.js"></script>
<link href="css/bootstrap.min.css" rel="stylesheet">
<!--script src="js/logic.js"></script-->
</head>
<body ng-controller="TestController">
<div class="container">
<div class="row">
<div class="col-lg-5 col-lg-offset-4">
<form name="test_form">
<label for="">Название мероприятия</label>
<input type="text" ng-change="change()"/><br/>
<label for="">Название места</label>
<input type="text" /><br/>
<label for="">Цель встречи</label>
<input type="text" name="target" /><br/>
<label for="">Цель встречи</label><br/>
<input type="radio" id="obsh" name="target" value="Общение" />
<label for="obsh">Общение</label><br/>
<input type="radio" name="target" id="friends" value="Поиск друзей" />
<label for="friends">Поиск друзей</label><br/>
<input type="radio" id="svid" name="target" value="Свидание" /><label for="svid">Свидание</label>
<br/>
<label for="">Дата</label>
<input type="date" >
<label for="">Время</label>
<input type="time" ><br/>
<label for="">Комментарий</label>
<textarea name="" id="" cols="30" rows="10">
</textarea><br/>
{{meeting.place_name}}
<button>Создать</button>
</form>
</div>
</div>
</div>
</body>
</html>
logic.js:
'use strict';
// Модуль 'testModule'
var testApp = angular.module('testModule', []);
// Контроллер `TestController`в модуле `testModule`
testApp.controller('TestController', function($scope){
$scope.meeting =
{
place_name: 'Название мероприятия',//Название мероприятия
address: '',//адрес
purpose: '',//цель встречи
date:'',//дата
time:'',//время
comment:''//комментарий
}
$scope.change=function($text)
{
$scope.meeting.place_name=$text;
}
});
Мне надо чтоб при изменении input'а данные сохранялись бы в $scope, и потом уже их можно было брать из $scope и вывести где-нибудь на странице с помощью {{meeting.place_name}} например. Все значения надо хранить в $scope, т.к. потом надо будет post-запрос и отправлять данные.
Помогите кто знает, p.s. гуглил, не помогло.