First of all, you shouldn't be using the ngModel directive on your span element.
From the ngModel documentation:
The ngModel directive binds an input, select, textarea (or custom form
control) to a property on the scope using NgModelController, which is
created and exposed by this directive.
I have changed your code to make it a little clearer to demonstrate. The code now uses the controller as syntax to make it clearer where the data belongs to and the span has been changed to a button. See the AngularJS example of the controller as syntax and the benefits of doing so.
The following demonstrates:
1) When you click the show button, showText property of that emp is set to true.
2) Because the scope has been updated, the $digest cycle is called and the expression within the ngShow directives on your div tags are evaluated. Those with the showText property of the emp set to true will evaluate true and the div element containing your textarea then shows.
3) When you click the "Submit" button your testme function on your controller is called, passing in the binded value from the textarea ngModel directive held in MyCtrl.data.sometext and the emp so we can change it's properties. A text property of the emp is set to the input and the showText property is set back to false so the textarea is then hidden again.
// app.js
(function() {
'use strict';
angular.module('app', []);
})();
// my.controller.js
(function() {
'use strict';
angular.module('app').controller("MyController", MyController);
MyController.$inject = ['$scope'];
function MyController($scope) {
var vm = this;
vm.emps = [{
id: 1,
name: "John Doe"
},
{
id: 2,
name: "Jane Smith"
},
{
id: 3,
name: "Jack Jones"
}
];
// expose the testme function to the view
vm.testme = testme;
function testme(input, emp) {
// get the index of the employee
var index = vm.emps.indexOf(emp);
// set the employee text to the input
vm.emps[index].text = input;
// set showText to false
vm.emps[index].showText = false;
}
}
})();
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="MyController as MyCtrl">
<div ng-repeat="emp in MyCtrl.emps">
<div class="myclass">
<p>{{emp.name}} </p>
<p>{{emp.text}}</p>
<p>
<button ng-click="emp.showText = !emp.showText">{{emp.showText ? 'Hide' : 'Show'}}</button>
</p>
<div ng-show="emp.showText">
<textarea rows="3" cols="50" ng-model="MyCtrl.data.sometext"></textarea><br>
<button ng-click="MyCtrl.testme(MyCtrl.data.sometext, emp); MyCtrl.data.sometext = ''">Submit</button>
</div>
</div>
</div>
</div>
