如何仅在有特定字符时才输出参数值？

Question

<td ng-click = 'membermodal(item)'>{{item.zipcode1}}</td> 

- 

<td ng-click = 'membermodal(item)'>{{item.zipcode2}}</td> 

我想输出zipCode1-zipCode2当有zipCode1。

当没有zipCode1时，不应打印-。

Answer 1

可以使用NG-显示

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope) { 
 
    $scope.address = [ 
 
     {zipCode1 : 12345, zipCode2 : 12345}, 
 
     {zipCode1 : 34567, zipCode2 : 23456}, 
 
     {zipCode1 : 12345}  
 
    ]; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="myCtrl"> 
 
    <ul ng-repeat="addy in address"> 
 
     <li>{{addy.zipCode1}}<span ng-show="addy.zipCode2">-{{addy.zipCode2}}</span></li> 
 
    </ul> 
 
</div>

，或者您可以使用的方法

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope) { 
 
    $scope.address = [ 
 
     {zipCode1 : 12345, zipCode2 : 12345}, 
 
     {zipCode1 : 34567, zipCode2 : 23456}, 
 
     {zipCode1 : 12345}  
 
    ]; 
 
    $scope.zipFmt = function (addy) { 
 
     return addy.zipCode1 + (addy.zipCode2 ? "-" + addy.zipCode2 : ""); 
 
    }; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="myCtrl"> 
 
    <ul ng-repeat="addy in address"> 
 
     <li>{{zipFmt(addy)}} 
 
    </ul> 
 
</div>

Answer 2

到位-的使用简单的条件语句：

{{ item.zipcode1 != "undefined" ? "-" : "" }} 

请参阅使用下面的例子。尝试对zipcode1进行评论，看看它是否在行动中。

var app = angular.module("App", []); 
 
app.controller("Module", function() { 
 
    this.zipcode1 = "try commenting this line out" 
 
    this.zipcode2 = "hello"; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="App" ng-controller="Module as item"> 
 
    {{ item.zipcode1 }} 
 
    {{ item.zipcode1 != undefined ? "-" : "" }} 
 
    {{ item.zipcode2 }} 
 
</div>