javascript - 从空格分隔的文本创建和实现数组 : AngularJS

Question

感谢您的耐心等待。我是一位经验丰富的编码员，使用老式方法，并且使用旧式 Javascript 多年。我了解 JQuery 等已有一段时间了，但一直“太忙”而无暇学习新事物。嗯，我现在正在努力学习这些东西，并选择了 AngularJS。

我正在观看教程视频，并阅读 AngularJS 的文档和 API 引用，但不同的术语确实阻碍了我的进步。但我正在努力。对我来说，使用“真实”问题的示例可以帮助我理解如何利用该功能。

在此示例中，我有一个强力球号码数组，并且希望能够粘贴您可能从强力球网站复制的空格分隔的中奖号码。然后，这将解析输入并显示所有单独的数字。最终，也许会以不同的方式提高任何获胜组合的效果。不，这不是我正在构建的产品，但我认为这会让我使用这个工具箱中的许多不同的工具。

所以我的问题是:

• 我在我的服务(工厂)中初始化了该数组，并表明我可以从我的 Controller 推送它。这是正确的吗？
• 我当前的做事方式(例如 ng-class 使用等)即使不正确，至少也是可行的吗？
• 如何在输入/文本框中使用空格分隔的输入来比较样式更改？

这是我的 JavaScript 代码的示例。 (注意:我只粘贴数组的一组数字。)

    var lotteryCheckApp = angular.module('lotteryCheckApp', []);
    lotteryCheckApp.factory('PowerBall', function() {
        var PowerBall = {};
    PowerBall.numArray = ["42"];
    PowerBall.myNumbers = [
        {
            First_Number: '03',
            Second_Number: '07',
            Third_Number: '17',
            Fourth_Number: '21',
            Fifth_Number: '42',
            PowerBall: '21'
        }
    ];
    return PowerBall;
});

lotteryCheckApp.controller('PowerBallNumbersCtrl',function($scope,PowerBall) {
    $scope.powerball = PowerBall;
    $scope.winningStyle = true;
    $scope.powerball.numArray.push("21");

    $scope.myCheck = function(searchNum,numVal) {
        // the following code works for a simple input to value check
        if(searchNum == numVal) return true;
        else return false;
    }

我有一个 JSFiddle 链接:http://jsfiddle.net/Divermarv/VpyxZ/1/

再次感谢大家的耐心和回复。

Answer 1

很高兴听到您正在进入 Angular 。这是我解决您问题的方法 JSFiddle

我使用 ng-change 来观察输入值，

<input type="text" ng-model="input" ng-change="convert()">

并将其提供给将输入转换为值数组的方法。

$scope.convert = function() {
    $scope.hiLite = $scope.input.split(" ");    
}

然后你的检查函数检查该值是否在数组中

$scope.myCheck = function(searchNum,numVal) {
    if(searchNum.indexOf(numVal) !== -1) return true;
    else return false;
}

你也是这么想的吗？