Angularjs if/else语句 {{data.company_name}

我想做的是，如果没有通过输入字段添加data.company\u name，它会显示一个占位符“company name”，如何使用angularjs实现这一点？

您可以使用

<div class="company_name" ng-controller="CompanyName">
 <h1 class="left">
     {{data.company_name}}
 </h1>
</div>

//一些占位符
{{data.company_name}

顺便说一句，ngIf是v1.1.5中添加的一个新指令，因此您可能需要升级您的angular版本

---

请参见此处的我的plunker:

保持代码干净的一种方法是使用过滤器。这段代码向活动选项卡添加了一个类

<div class="company_name" ng-controller="CompanyName">
 <h1 class="left">
     <span ng-if="data.company_name === ''">
       // Some placeholder
     </span>
     <span ng-if="data.company_name !== ''">
       {{data.company_name}}
     </span>
 </h1>
</div>

模板

var filters = angular.module('filters');
filters.filter('ie', function(){
  return function(v, yes, no){
      return v ? yes : no;
  };
});

家

要在项目中使用

ng if

、

ng else if

和

ng else

，请使用以下命令：

您可以使用条件来检查公司名称vlaue。让我们举一个例子

<li class="{{activeTab == 'home' | ie: 'active-class':''}}">
    Home
</li>

在上面的示例中，我添加了条件状态_标志值为1，然后将显示内部范围值。与您的案例相同，您可以添加如下语句

 <span ng-if="driver.status_flag == 1">
    <i ngif="{{driver.status_flag}}" class="icon-ok-sign icon-2x link" style="color:#090" href="#" title="Payment received" ></i>
 </span>

这根本不起作用，占位符仍然存在，并且在我开始键入时不会消失。我在我的答案中添加了一个Plunker，供您测试

<span ng-if="data.company_name === ''">
        <i ngif="{{driver.status_flag}}" class="icon-ok-sign icon-2x link" style="color:#090" href="#" title="Payment received" ></i>
     </span>