html ng-class和ng-if(ng-class可以包含一个对象,其中key和expression对作为对象,ng-if类似于if语句)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html ng-class和ng-if(ng-class可以包含一个对象,其中key和expression对作为对象,ng-if类似于if语句)相关的知识,希望对你有一定的参考价值。

<div ng-controller="mainController">
                <input type="text" ng-model="name" />
                <div class="alert" ng-class="{'alert-warning': name.length < character, 'alert-danger': name.length > character}" ng-if="name.length !== character">
                    Must be {{character}} characters.
                </div>
                <h1>Hello {{lowercaseHandle()}}!</h1>
                
            </div>

以上是关于html ng-class和ng-if(ng-class可以包含一个对象,其中key和expression对作为对象,ng-if类似于if语句)的主要内容,如果未能解决你的问题,请参考以下文章

angularjs显示/隐藏选项卡,单击相同选项卡隐藏内容

利用angularjs完成注册表单

使用元素与事件指令

Angular Radio 默认选择和 ng-if 按钮不起作用

html ng-class angularjs

html 基于条件的角度ng-class