Angularjs 如何在eval错误上用css类修饰输入字段
我希望有一个简单的输入字段，您可以在其中键入javascript表达式，并在输入时对其进行评估，有点像穷人的计算器 到目前为止，我的作品。。但是现在我想在表达式本身无效时用css类来装饰它。有人能建议一种方法吗Angularjs 如何在eval错误上用css类修饰输入字段,angularjs,Angularjs,我希望有一个简单的输入字段，您可以在其中键入javascript表达式，并在输入时对其进行评估，有点像穷人的计算器 到目前为止，我的作品。。但是现在我想在表达式本身无效时用css类来装饰它。有人能建议一种方法吗 <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script> <script>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<script>
function Ctl($scope) {
$scope.expr = '1+1';
}
angular.module('filters', []).
filter('evaluate', function() {
return function(input) {
try {
return eval(input);
} catch (e) {
return input;
}
};
});
angular.module('main', ['filters']);</script>
<head>
<body ng-controller="Ctl" ng-app="main">
<div><input type="text" ng-model="expr"></div>
<span>{{expr|evaluate}}</span>
</body>
功能Ctl（$scope）{
$scope.expr='1+1'；
}
模块（'filters'，[]）。
过滤器（'evaluate'，函数（）{
返回函数（输入）{
试一试{
返回评估（输入）；
}捕获（e）{
返回输入；
}
};
});
模块（'main'，['filters']）；
{{expr | evaluate}}
<head>
<style type="text/css">
.red {background-color: #fee;}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<script>
function Ctl($scope) {
$scope.cls = 'green';
$scope.expr = '1+1';
}
angular.module('filters', []).
filter('evaluate', function() {
return function(input, a1, a2) {
try {
this.cls = 'green';
return res = eval(input);
} catch (e) {
this.cls = 'red';
return input;
}
};
});
angular.module('main', ['filters']); // declare dependencies</script>
<head>
<body ng-controller="Ctl" ng-app="main">
<div><input type="text" ng-class="cls" ng-model="expr"></div>
<span>{{expr|evaluate}}</span>
</body>
.red{背景色：#fee；}
功能Ctl（$scope）{
$scope.cls='green'；
$scope.expr='1+1'；
}
模块（'filters'，[]）。
过滤器（'evaluate'，函数（）{
返回功能（输入，a1，a2）{
试一试{
this.cls='绿色'；
返回res=评估（输入）；
}捕获（e）{
this.cls=‘红色’；
返回输入；
}
};
});
角度.module（'main'，['filters']）；//声明依赖项
{{expr | evaluate}}