如何使一些字段隐藏取决于其他字段的值AngularJS, Razor, c#

How to make some fields hidden depending on value of other field AngularJS, Razor, C#

本文关键字：字段 AngularJS Razor 其他 何使一 隐藏 取决于      更新时间：2023-09-26

我是angular和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){显示该页数字}否则{隐藏}

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

我该怎么做?请帮忙:)

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

如果您将PAGENUMBER设置为@pageNo

您可以使用像

这样的简单条件进行检查
<div id="@pageNo" class="text-success" ng-show="'@pageNo'.indexOf(pageNumber) > -1"><abbr title="select something">Page - @pageNo</abbr></div>
相关文章：