这是伪代码

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()" />;

08-07 10:19