Question

我从服务器得到一个Json（包含color.mix和color.pure）的响应并直接传递给模板，因此，在这个模板中，我需要知道是否有值来显示它或显示其他值

<span ng-if="color.mix">{{color.mix}}</span>

但是，如果这个值没有来，我需要显示'纯'值，所以我做了（错!!）

<span ng-if="!color.mix">{{color.pure}}</span>
<span ng-if="color.mix">{{color.mix}}</span>

但是，两者都来了，两者都在展示。

我如何实现这一目标？

（Angular 1.6）

Answer 1

databaseReference.child("childName").push();

Answer 2

检查两个条件

<span ng-if="!color.mix && color.pure">{{color.pure}}</span>
<span ng-if="color.mix && !color.pure">{{color.mix}}</span>

如果你想使用三元运算符在一行中完成，你可以这样做，

<span>{{color.mix ? color.mix : color.pure}}</span>

<强>样本

var app = angular.module('todoApp', []);
app.controller("dobController", ["$scope",
  function($scope) {
    $scope.color = {
      pure: "test"
    };
  }
]) ;

<!DOCTYPE html>
<html ng-app="todoApp">
<head>
  <title>To Do List</title>
  <link href="skeleton.css" rel="stylesheet" />
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>
</head>
<body ng-controller="dobController">
<span>{{color.mix ? color.mix : color.pure}}</span>
</body>
</html>

检查ng-if是否为值，如果没有显示另一个值

2 个答案: