# When click button, adding input to list

**URL:** <https://forum.ionicframework.com/t/when-click-button-adding-input-to-list/109621>\
**Category:** ionic-v1\
**Created:** [October 22, 2017, 12:44pm UTC](https://forum.ionicframework.com/t/when-click-button-adding-input-to-list/109621 "2017-10-22T12:44:25Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![eonurcan](https://avatars.discourse-cdn.com/v4/letter/e/9de0a6/32.png) [@eonurcan](https://forum.ionicframework.com/u/eonurcan)\
**Post date:** [October 22, 2017, 12:44pm UTC](https://forum.ionicframework.com/t/when-click-button-adding-input-to-list/109621/1 "2017-10-22T12:44:25Z")

</div>

Hi everyone, I’m newbie. I want to create a list, according to inputs.

![15](https://global.discourse-cdn.com/ionicframework/original/3X/d/1/d14ab0d57803d0c2878b17a88152c08e12110851.png)

I put my input and add button. However, I couldn’t add items into list according to inputs.

my html

```auto
<ion-view title="Bildirimler" id="page11">
  <ion-content padding="true" class="has-header">
<form>
	<div class="list">
		<label class="item item-input">
		<input type="text" placeholder="Notu giriniz.." ng-model="todo.name"></label>
	</div>
</form>
<div class="buttons"><button class="button" ng-click="addTodo()">ADD</button></div>
<ion-list show-delete= "data.showDelete">
  <ion-item ng-repeat="todo in todos">
  	{{todo.name}}
  </ion-item>
</ion-list>
  </ion-content>	
</ion-view>

```

my controller

```auto
.controller('bildirimlerCtrl', ['$scope', '$stateParams', '$ionicAuth', '$ionicUser', '$state', '$ionicModal', 
function ($scope, $stateParams) {
$scope.data = {
    showDelete: false
}
$scope.todos=[
{name: 'clean the kitchen'},
{name: 'clean the room'},
]
$scope.addTodo = function(){
    $scope.todos.push({name: ""})
}
}])

```

How can I do that? Thank you for help from now 🙂

---

<div class="post-metadata">

**Author:** ![Tommertom](https://avatars.discourse-cdn.com/v4/letter/t/ed8c4c/32.png) [@Tommertom](https://forum.ionicframework.com/u/Tommertom)\
**Post date:** [October 22, 2017, 1:18pm UTC](https://forum.ionicframework.com/t/when-click-button-adding-input-to-list/109621/2 "2017-10-22T13:18:20Z")

</div>

Hi, not direclty helpful, but if you are new in this field: go to Ionic 2 and skip v1  
Regards  
Tom

---

<div class="post-metadata">

**Author:** ![rahulpzy](https://avatars.discourse-cdn.com/v4/letter/r/7bcc69/32.png) [@rahulpzy](https://forum.ionicframework.com/u/rahulpzy)\
**Post date:** [October 23, 2017, 9:20am UTC](https://forum.ionicframework.com/t/when-click-button-adding-input-to-list/109621/3 "2017-10-23T09:20:26Z")

</div>

try this

```
<ion-view title="Bildirimler" id="page11">
<ion-content padding="true" class="has-header">
<form>
<div class="list">
	<label class="item item-input">
	<input type="text" placeholder="Notu giriniz.." ng-model="currentWork.name"></label>
</div>
</form>
<div class="buttons"><button class="button" ng-click="addTodo()">ADD</button></div>
<ion-list show-delete= "data.showDelete">
 <ion-item ng-repeat="todo in todos">
{{todo.name}}
 </ion-item>
</ion-list>
 </ion-content>	

```

```
   .controller('bildirimlerCtrl', ['$scope', '$stateParams', '$ionicAuth', '$ionicUser', '$state', '$ionicModal', 
 function ($scope, $stateParams) {
$scope.data = {
showDelete: false
}

 $scope.currentWork={
name:""
};

$scope.todos=[
{name: 'clean the kitchen'},
{name: 'clean the room'},
]
$scope.addTodo = function(){
$scope.todos.push($scope.currentWork);
 
 }
}])
```