AngularJS display alert depending on input value

Question

I am coding a CRUD application in Angular and Web API. In the create/edit form (same template), I need to display an error message if 2 input fields don't have the same number of comma ','.

I found a way to make it work but I don't like it, I think it needs to be "angularized" but I don't know how.

Controller:

$scope.isColumnCountOk = true;
$scope.checkColumnCountOk = function () { $scope.isColumnCountOk = AdminUtils.isColumnCountOk($scope.item.columnSqlNames, $scope.item.columnTitles) };

Template:

 <input type="text" class="form-control" ng-model="item.columnTitles" placeholder="Report Column 1,Report Column 2,Report Column 3,..." ng-blur="checkColumnCountOk()" required />
            <div ng-hide="isColumnCountOk">
                <br />
                <div class="alert alert-danger" ><strong>Warning. </strong>Mismatch between column numbers</div>
            </div>

I would like to get rid of the $scope.isColumnCountOk and have the function called directly from the template, without storing the return value in the scope.

Any advice?

Bruno

Anthony Chu · Accepted Answer · 2014-02-14 03:18:30Z

1

I think both of these ways should work...

$scope.isColumnCountOk = function () { 
    return AdminUtils.isColumnCountOk($scope.item.columnSqlNames, $scope.item.columnTitles);
};

<div ng-hide="isColumnCountOk()">
    ...
</div>

Or

$scope.isColumnCountOk = AdminUtils.isColumnCountOk; 

<div ng-hide="isColumnCountOk(item.columnSqlNames, item.columnTitles)">
    ...
</div>

answered Feb 14, 2014 at 3:18

Anthony Chu

37.6k10 gold badges85 silver badges72 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Bruno Over a year ago

And I can get rid of ng-blur, that's perfect!

Collectives™ on Stack Overflow

AngularJS display alert depending on input value

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related