如何根据其他字段 AngularJS、Razor、C# 的值隐藏某些字段答案

【问题标题】：How to make some fields hidden depending on value of other field AngularJS, Razor, C#如何根据其他字段 AngularJS、Razor、C# 的值隐藏某些字段
【发布时间】：2015-09-25 11:20:32
【问题描述】：

我是 angularjs 和 razor 的新手。所以请帮助我。我有这样的代码

<div ng-app="">

    <p>Input page number to filter: <input type="text" ng-model="pageNumber"></p>

    <div class="table-bordered">
        @{
            string pageNo = "0";
        }
        @foreach (var item in Model.sol)
        {
            if (pageNo != item.TaskPageNo.ToString())
            {
                pageNo = item.TaskPageNo.ToString();

                <div id="PAGENUMBER" class="text-success" ng-show="**CONDITION**"><abbr title="select something">Page - @pageNo</abbr></div>
            }
            var pt = pat + item.Task_ID;
            <a href="@pt" class="btn btn-info btn-sm">@item.TaskNo</a>
        }
    </div>

</div>

我不知道如何使用 AngularJS 设置 CONDITION 值...

我想在'PageNumber'输入框中输入一些值和过滤页面，所以条件必须是这样的

if (PAGENUMBER.value.indexOf(pageNumber.value)>-1) { 显示此页面 number } else { 隐藏它 }

ID PAGENUMBER 仅在此处使用，而不是在实际代码中使用

我该怎么做？请帮忙:)

【问题讨论】：

你如何使用id="PAGENUMBER"？这是动态设置的吗？你能提供它是如何设置的吗？
不，我这里用的PAGENUMBER只是指div，我在实际代码中没有这个ID）
试试看我的回答，你可以借鉴它

标签： javascript c# jquery angularjs razor

【解决方案1】：

您需要使用 angular 获取数据，然后在该数据上使用 ng-repeat。然后，您可以根据输入 ng-repeat="item in items | filter: {pageNumber: pageNumber}" 在 ng-repeat 上添加过滤器：

【讨论】：

谢谢回复，不过我不想改代码，只想加过滤

【解决方案2】：

如果您将PAGENUMBER 设置为@pageNo

为了您的检查，您可以使用简单的条件，例如

<div id="@pageNo" class="text-success" ng-show="'@pageNo'.indexOf(pageNumber) > -1"><abbr title="select something">Page - @pageNo</abbr></div>

【讨论】：