gpt4 book ai didi

javascript - 如何在动态html中添加逻辑否定(!)运算符

转载 作者:行者123 更新时间:2023-11-28 05:10:58 26 4
gpt4 key购买 nike

如何在动态html内容中添加否定运算符

'<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 form-group1" ng-class="{\'has-error\': (form.Year.$error.required && form.Year.$touched), \'has-success\':  !(form.Year.$error.required)}"><select ng-model="year" class="form-control" ' + strAttrs[2] + ' ng-options="year.value as year.name disable when year.disabled for year in years" class="form-control" ng-required="true" name="Year"></select></div>'

在上面的代码中,我给出了这样的否定运算符,

!(form.Year.$error.required)

但是每次它取null时,我想我没有在动态html内容中添加正确的逻辑运算符。

任何帮助都是值得赞赏的,提前致谢。 :)

最佳答案

以下内容对我有用:

<div ng-class="{'ok': (success && !error), 'not-ok': (!success || error)}">Result Box</div>

请注意,我不需要转义单引号。当我尝试转义单引号时,它不起作用。

我还注意到您的选择中出现了一些无效引用:

class="form-control" ' + strAttrs[2] + ' ng-options="year.value as year.name disable when year.disabled for year in years"

您还定义了该类两次,但这应该会默默地失败。

这是一个很小的工作示例:

<!doctype html>
<html ng-app="myApp">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.js"></script>
<script>
angular.module('myApp', [])
.controller('MyController', ['$scope', function ($scope) {
$scope.success = true;
$scope.error = false;
}]);
</script>
<style>
.not-ok { border: 1px solid red; }
.ok { background-color: green; }
</style>
</head>
<body ng-controller="MyController">
<input type="checkbox" ng-model="success">Success {{success}}
<br/>
<input type="checkbox" ng-model="error">Error {{error}}
<div ng-class="{'ok': (success && !error), 'not-ok': (!success || error)}">Result Box</div>
</body>
</html>

关于javascript - 如何在动态html中添加逻辑否定(!)运算符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41386011/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com