本文展示了如何使用AngularJS框架，通过下拉菜单的选择来改变输入框的样式。当用户选择不同的选项时，输入框的类名会相应改变，从而影响其外观。例如，当用户选择'只有输入框样式变化'时，如果输入的密码长度不足或两次输入不一致，输入框将显示特定样式。此外，还有'显示详细信息'和'点击时显示效果'两种模式，提供不同的反馈信息和交互体验。
<script type="text/javascript" src="js/angular.min.js" ></script>
<style>
.ip {
border: 1px solid red;
}
</style>
</head>
<body ng-app="MyApp" ng-controller="MyCont">
<select ng-change="sel()" ng-model="xuan" ng-init="xuan='只有输入框样式变化'">
<option>只有输入框样式变化</option>
<option>显示详细信息</option>
<option>点击时显示效果</option>
</select><br /> 输入密码
<input type="text" ng-model="pwd" class="{ {pass}}" /><br /> 重复密码
<input type="text" ng-model="pwd1" class="{
<style>
.ip {
border: 1px solid red;
}
</style>
</head>
<body ng-app="MyApp" ng-controller="MyCont">
<select ng-change="sel()" ng-model="xuan" ng-init="xuan='只有输入框样式变化'">
<option>只有输入框样式变化</option>
<option>显示详细信息</option>
<option>点击时显示效果</option>
</select><br /> 输入密码
<input type="text" ng-model="pwd" class="{ {pass}}" /><br /> 重复密码
<input type="text" ng-model="pwd1" class="{
最低0.47元/天 解锁文章
601
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
