Question

我是AngularJS的100％新手，我正在尝试设置显示String的条件。如果用户输入的文字以字母a开头，则应显示Hello {{name}}, welcome back!（其中{{name}}绑定到输入的名称），否则不应显示文字。我的代码如下：

<!DOCTYPE html>
    <html data-ng-app="">
    <head>
        <title>Type Your Name</title>
    </head>
    <body>
        Please type your name:
        <br />
        <table><input type="text" data-ng-model="name" />
        </br>
        Hello {{name}}, welcome back!

        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js">
        </script>
    </body>
    </html>

Answer 1

您应该使用ng-if并检查第一个字符是否为字母a。

<div ng-app>
    <input type="text" data-ng-model="name" />
    <span ng-if="name.charAt(0) === 'a'">Hello {{name}}, welcome back!</span>
</div>

Fiddle here

不要使用ng-show，因为总是呈现DOM元素并在不满足条件时隐藏它，ng-if呈现DOM元素if和仅满足条件。

有条件地绑定angularjs

1 个答案: