如何在 AngularJS 中向 {{variable.value}} 添加条件？答案

【问题标题】：How can I add a condition to {{variable.value}} in AngularJS?如何在 AngularJS 中向 {{variable.value}} 添加条件？
【发布时间】：2017-03-27 00:10:11
【问题描述】：

如果{{variable.value}} 的条件为真，我想打印一个值

我不知道怎么做，我正在使用 div：

<div ng-if="true">{{variable.value}}</div>

但是我想只使用值而不是 HTML 来设置条件，有可能吗？

谢谢。

【问题讨论】：

标签： javascript jquery angularjs json conditional-statements

【解决方案1】：

如果我没看错，你可以使用 ng-show:https://docs.angularjs.org/api/ng/directive/ngShow

<div ng-show="variable.value">{{variable.value}}</div>

【讨论】：

我想现在我明白了，我知道，角度使用指令来处理内容，那么即使内容不会显示，你也会使用 HTML。 PS：对不起我的英语不好

【解决方案2】：

你可以这样做。

"use babel"

angular.module('app', []).component('home', {
  controller: function() {
    this.$onInit = () => {
      this.name = 'David'
    }
  },
  template: `<form name="myForm">
  <label>I agree to terms
    <input type="checkbox" ng-model="$ctrl.terms">
  </label><br/>
  <p ng-if="$ctrl.terms">You have agreed to terms, {{$ctrl.name}}</p>
 </form>`
})

https://plnkr.co/edit/sXSVG56chFNNdPlfdsff?p=preview

【讨论】：

【解决方案3】：

你最先初始化你的 ng-if 来测试

ng-model="myStaff" ng-init="myStaff = true"

在你这样做之后

【讨论】：

【解决方案4】：

<div ng-if="option.isVisible">{{variable.value}}</div>

和;

<div ng-show="option.isVisible">{{variable.value}}</div>

【讨论】：