当前位置: 首页 > 知识库问答 >
问题:

NG隐藏不隐藏空值

拓拔弘扬
2023-03-14

问题:如果距离为空/null,我试图隐藏一个值。

我尝试了以下操作,但该值仍在显示:

<div ng-hide="e.distance == null"><strong>Distance: </strong>{{e.distance}}</div><br />

<div ng-show="e.distance != null"><strong>Distance: </strong>{{e.distance}}</div><br />

什么是实现我所期待的正确方法。

以下是我在coldfusion中定义距离的方式:

<cfif isdefined("Distance")>
        <cfset qDistance="#Distance#">
    <cfelse>
        <cfset qDistance="5">
    </cfif>   

DECLARE @lat float
        , @lon float
        , @dist int = <cfqueryparam value = "#qDistance#" cfsqltype = "cf_sql_integer">

当我做以下建议时:

ng-show="e.distance===未定义"

当我执行其他建议时,例如ng hide=“e.distance”,

以下是提供商包含的内容:

indexApp.controller('IndexController',function($scope,$http,$location,anchorSmoothScroll){
    $scope.Lang = 'initVal';
    $scope.ShowResults = false;
    $scope.ShowDesc = true;
    $scope.NoResults = false;
    $scope.currentPage = 1;
    $scope.maxPageNumbersToShow = 10;
    $scope.formModel = {};
    $scope.searchMode = 0;
    $scope.miles =  [{'value':'5'},{'value':'10'},{'value':'15'},{'value':'20' }];
    $scope.Specialties = [{'value':'Family practice'},{'value':'General practice'},{'value':'Internal medicine'},{'value':'Pediatrics'}];
    $scope.Gender = [{'value':'Male'},{'value':'Female'}];
    $scope.Languages = {};
    $scope.Cities = {};
    $scope.searchParam = {};
    $("input").removeAttr('disabled');

    $scope.searchParam.Distance = $scope.miles[0];

共有2个答案

欧阳声
2023-03-14

您可以尝试使用ng if而不是ng show来检查变量,如下所示:

<div ng-if="e.distance"><strong>Distance: </strong>{{e.distance}}</div><br />
卢元龙
2023-03-14

试着这样使用:

<div ng-show="e.distance"><strong>Distance: </strong>{{e.distance}}</div><br />
 类似资料:
  • 我们想隐藏“有优惠券吗?添加一张…”在WooCommerce结账时,如果已添加优惠券或客户在结账页面上添加优惠券。 目前,我们在下面有此代码,当客户在购物车页面输入优惠券,然后导航到结帐页面时,此代码有效。在这种情况下,“拥有优惠券?添加一张…”消息不可见。如果购物车页面上未添加优惠券,则消息可见。 这很好用!但是,当客户在结账页面上添加优惠券时,它不起作用。 1.)我们收到消息“优惠券已添加”,

  • 输入一个语句后按回车键,MATLAB自动在屏幕上显示结果,但如果该行命令是以";"结尾,则MATLAB仍会进行运算赋值,但不显示任何输出结果.这一点在生成复杂矩阵时特别有用.例如: A = magic(100);

  • 我一直在试图从树景中隐藏项目。我使用一个自定义数据类型作为源(称为SettingsMenuItem),它继承自FrameworkElement(目前是FrameworkContentElement,因为否则TreeView会呈现错误的数据)。

  • Linux 下,名称中第一个字符为 . 的文件或者文件夹,系统会将它们隐藏起来。传统上,这种文件大多是用户的配置文件。 您可以尝试以下操作: cd ~ #进入您的用户目录 ls #查看当前目录下的文件列表 ls -a #查看所有文件的文件列表(包括隐藏文件)。 如果您只想查看隐藏文件,而不包括这两个特殊目录,您可以使用 ls 命令的选项 -A (ls -A) 每个目录下都包含

  • 我正在使用JasperReports 4.5.0生成报告。我正在生成不同格式的报告,如html、csv、pdf、xls、doc。在我的一份报告中,我有6列,分别是col1、col2、col3、col4、col5、col6。但根据情况,我想把col4藏起来。为此,我使用了printWhenExpression。现在它根据条件隐藏列,但问题是该列占用的空间保持不变。 我怎样才能去掉col3和col5之

  • 在视图控制器中,我只有一个UITableView。在IB中,我制作了标题 使用上述代码,页脚部分被隐藏。但是不能把标题也隐藏起来。 查看解决方案的其他链接,我还在视图中添加了TableView,向TableView添加了约束,但标题部分仍然是它们的。 我哪里做错了?如何摆脱它?