Buenos días, tengo una caja de texto que agrega un comentario mediante una funcion y despues se tiene que vaciar. Pero lo que es el vaciar no lo hace
Código:
<html ng-app="primeraAPP">
<head>
<meta name="viewport" content="width=device-width" />
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>
<script src="Scripts/controler.js"></script>
</head>
<body ng-controller="micontrolador">
<input id="co" name="co" ng-model="nuevoComentario.comentario" type="text" />
<input id="us" name="us" ng-model="nuevoComentario.usuario" type="text" />
<button ng-click="agregarcomentario()">Agregar comentario</button>
<h3>COMENTARIOS</h3>
<ul>
<li ng-repeat="c in comentarios">
{{c.comentario}}---{{c.usuario}}
</li>
</ul>
</body>
</html>
Código:
var app = angular.module("primeraAPP", [])
app.controller("micontrolador", function ($scope) {
$scope.$nuevoComentario = {};
$scope.comentarios =
[
{
comentario: "Hola",
usuario: "Adios"
},
{
comentario: "Verde",
usuario: "Rojo"
}
];
$scope.agregarcomentario = function () {
$scope.comentarios.push($scope.nuevoComentario);
$scope.$nuevoComentario = {};
}
});