AngularJS：单字输入验证

Question

我有以下代码：

Javascript 代码

<script>
    angular.module('myApp', [])
        .config(function ($interpolateProvider) {$interpolateProvider.startSymbol('{[{').endSymbol('}]}')})
        .controller('myCtrl', function ($scope, $http) {
            $scope.word = '';
            $scope.resp = {};
            $scope.warning = '';
            $scope.get = function () {
                if($scope.word.$invalid){
                    $scope.warning = "Please write single word";
                }else {
                    $http.get("localhost/" + $scope.word)
                            .then(function (response) {
                                $scope.resp = response.data;
                            });
                }
            }
        });
</script>

HTML代码

<div ng-app="myApp" ng-controller="myCtrl" >
    <div ng-show="word.$invalid" class="alert alert-warning">
        <strong>Warning!</strong> {[{warning}]}.
    </div>
    <input  id="filter_input" type="text" ng-model="word" ng-pattern="^[a-zA-Z]*$"/>
    <br/>
    <input id="btn" type="button" ng-click="get()" value="Check Level">
    <br/>
    <label style="text-align: center">{[{resp.level}]}</label>
</div>

我想在用户填写多个单词时显示警告消息。请您帮忙。

Answer 1

拆分一个空格字符 - 检查结果：

var words = $scope.word.split(" ");
if (words && words.length && words.length === 1) {
    //good to go
} else {
    //error, enter only 1 word
}