JSFiddle - React, Tailwind, and code Playground
HTML
<div class="container-fluid" ng-app>
<h2>Projetos</h2>
<div ng-controller="TagsCtrl">
<div class="row" ng-repeat="project in projects">
<div class="col-sm-12">
<div class="form-group">
<label class="control-label">Projeto:
<input class="form-control" ng-model="project.name">
</label> {{ project.tags.length }}
<input class="form-control" ng-model="tag"> <a href="" ng-click="addTag(project, tag)"> + </a>
<ul>
<li ng-repeat="tag in project.tags">{{ tag }} <a href="" ng-click="delTag(project, $index)"> - </a></li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<a href="" ng-click="addProject()" class="btn">Add Projeto</a>
</div>
</div>
</div>
</div>
JavaScript
function TagsCtrl($scope) {
$scope.projects = [
{ name: 'Projeto 1', tags: ['tag1', 'tag2'] },
{ name: 'Projeto 2', tags: [] }
];
$scope.addProject = function() {
$scope.projects.push({ name: '', tags: [] });
};
$scope.addTag = function(project, tag) {
project.tags.push(tag);
console.log(project);
};
$scope.delTag = function(project, index) {
project.tags.splice(index, 1);
};
}