Question

我想用Angularjs编写代码，该代码从输入（文本框）获取字符串，并根据if和else if语句用不同的颜色标记输入。我编写了一个代码，将输入中的文本复制到h1中，并将其标记为红色。如果我将名称写为“ Alex”，则将其标记为黄色，其他任何字符串将由背景红色标记。

<!DOCTYPE html>
<html>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
  <body ng-app="">
    <label>Enter your name:</label>
    <input type = "text" data-ng-model = "name" placeholder = "Insert your name:" />
    <h1 data-ng-if="name" >Hello    
      <span data-ng-style ="{'background-color': name == 'Alex' ? 'yellow' :'red'}"> {{name}}</span> </h1>
    <div data-ng-bind = "name"> </div>
    <button data-ng-click ="name = 'Alex'"> Fill your name</button>
  </body>
</html>

例如，如果我写Alex，它将用绿色标记背景色；如果写名字David，则将用绿色标记背景色，依此类推。

海姆

Answer 1

为什么不简单地在控制器中添加一个计算背景色的函数？

composer install

进入您的控制器：

<span data-ng-style ="{'background-color': calculateBackgroundColor(name)}"> {{name}}</span> </h1>

If和else if陈述式

1 个答案: