Vaciar caja de texto angular.js

Borha · #1 (**permalink**) 31/10/2015, 01:56

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 = {};
       

    }
});