Scope 3

by bestmomo

HTML

<div ng-app ng-controller="controleur">
  <form ng-submit="ajouter()">
      Nom : <input type="text" name="nom" ng-model="nom"/>
    <button type="submit">Ajouter</button>
  </form>
    <br/>
  <ul>
    <li ng-repeat="nom in noms">{{nom}}</li>
  </ul>
  <script>
    function controleur($scope) {
      $scope.noms = new Array();
      $scope.ajouter = function() {
        $scope.noms.push($scope.nom);
        $scope.nom = '';
      };
    }
  </script>
</div>

CSS

.ng-scope {
    border-style: dotted solid;
    border-width: thin;
    border-color: red;
    margin: 1em;
    padding: 1em;
}
label {
    color: red;
}