这是伪代码
Web应用程序:nametester.html
用途:AngularJS
模型:
-strName(存储字符串值)
- - 脚步:
1:在提示符下使用ng-model分配strName:
'请输入你的名字:'
2:ng-show(if)“ strName =='-在此处添加您的名字-'”
3:输出“真棒名称!”
4:ng-hide(else)“ strName =='-在此处添加您的名字-'”
5:输出strName,“不是我的名字”
在进行比较之前,请使用小写过滤器将变量的值转换为小写。
还有我的代码
名称测试器应用
<p><label for="name">Please Enter Your Name:</label>
<input type="text" id="name" data-ng-model="strName"/></p>
<span>{{strVar | lowercase}}</span>
<p>
<span data-ng-show ="strName =='Ben'"> Awesome Name</span>
<span data-ng-hide ="strName =='Someone'">{{strName}}, is not your name</span>
</p>
但这是行不通的。我看到“,不是您的名字”,即使文本输入为空白,以及如何在比较输入之前将其过滤为小写值。
展示作品。当我输入我的名字时,我会得到以下格式的输出
真棒的名字!本,不是你的名字
最佳答案
使用{{strVar | lowercase}}
不会修改您的变量值。对于特定用途,它将仅以小写形式显示。
您在ngShow / ngHide中进行的比较应为:
<span ng-show="strName.toLowerCase() == 'Ben'.toLowerCase()" />;