L'ui-touche-touche ne fonctionne pas

J'ai du mal à obtenir une utilisation simple de l'angulaire-ui. Je veux être capable de détecter facilement les touches, par exemple, pour ajouter automatiquement un élément après avoir appuyé sur enter dans une zone de texte sans avoir à appuyer sur un bouton Ajouter.L'ui-touche-touche ne fonctionne pas

Voilà ma tentative actuelle:

<!DOCTYPE html> 
<html ng-app xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Main</title> 
    <link rel="stylesheet", href="http://angular-ui.github.com/angular-ui/build/angular-ui.css" /> 
</head> 
<body ng-controller="Ctrl"> 
    <button ng-click="add()">Add</button> 
    <input type="text" ui-keypress="{enter: 'add()'}" /> 
    {{item}} 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"> </script> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.min.js"></script> 
    <script src="http://angular-ui.github.com/angular-ui/build/angular-ui.js"></script> 
    <script src="main.js"></script> 
</body> 
</html> 

var myApp = angular.module('myApp', ['ui.directives']);

function Ctrl($scope) { 
    $scope.item = ""; 

    $scope.add = function() { 
    $scope.item = "Item Added"; 
    } 
}

Vous pouvez voir le comportement ici: http://jsfiddle.net/NbjZL/5/. Notez que cliquer sur le bouton après avoir tapé le texte fonctionne, mais en appuyant sur enter après avoir tapé le texte ne fonctionne pas. J'ai lu la documentation que je peux trouver et ai regardé plusieurs exemples, mais je suis sûr que je manque encore une petite chose.

Source

2012-12-20 jtheis

L'interface utilisateur angulaire n'a pas pu trouver l'application angulaire. Tout ce que vous devez faire est de spécifier le nom de l'application dans ng-app pour le faire fonctionner.

<html ng-app="myModule" xmlns="http://www.w3.org/1999/xhtml">

Vérifiez la js fiddle pour voir le travail de code

Source

2012-12-20 18:30:13 nightf0x

Ugh! Je savais que je ne savais pas que ce petit attribut allait me mordre finalement. Beaucoup de félicitations à vous monsieur! – jtheis

L'ui-touche-touche ne fonctionne pas

Répondre

Questions connexes