Question

我在AngularJs上开发一个应用程序。它读取了一首歌曲的乐谱（伴随着音乐的乐谱），你根据吉他上的线索放了数字。

基本上我需要看起来像这样的东西：

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

每条线代表吉他上的一根电线。这个想法是这个空间只接收数字和一些字母。当有人点击该元素时，只能选择一个-。我做到了这一点：

<!DOCTYPE html>
<html ng-app='Lector'>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script>
    <script src="controller.js"></script>
    <link rel="stylesheet" type="text/css" href="style.css">
    <title>Lector partituras</title>
</head>
<body ng-controller = 'lectorController' ng-cloack>

<TEXTAREA data-drag="true" data-drop="true" rows=6 cols=80 name="txtsugerencias" ng-model = "partitura" ng-change="validar()"></TEXTAREA><BR>

<p ng-model="mensaje" >{{mensaje}}</p>
</body>

</html>

对于我的控制器：

var app = angular.module('Lector', []);

app.controller('lectorController', function($scope, $http)
{
    $scope.partitura="";
    $scope.mensaje = "SOy un mensaje";
    for (var i = 0; i < 300; i++) {

        $scope.partitura= $scope.partitura+ "-";
    }
    /*for (var i = 0; i < 6; i++) {
        for (var j = 0; i < 79; i++) {
            $scope.partitura= $scope.partitura+"-";
        }
        $scope.partitura= $scope.partitura+ "\n";
    }
    $scope.validar = function()
    {

        var nuevopart = "";
        for (var i = 0; i <$scope.partitura.length; i++) 
        {
            var letra = $scope.partitura.charAt(i);
            if(letra =="-")
                nuevopart = nuevopart + letra;
            else
                alert(letra);
            if(!esNumero(letra))
            {
                nuevopart = nuevopart + "-";
            }

        }
        alert(nuevopart);
    }
    $scope.esNumero = function(str)
    {
        var esNumero = true;
        for (var i = 1; i <=6 && esNumero; i++) 
        {
            if(str != i)
                esNumero = false;
        }
        alert("LETRA: "+str +" ES NUMERO");
        return esNumero;
    }*/

});

但我不确定textarea是否是完美的组成部分。我也不知道如何只选择一个字符并避免使用空格，字母。

使用angularjs

0 个答案: