Angular JS：如何通过单击按钮更改 asp.net 页面的内容

Question

我有这个page.chtml。当我使用 ng-click 和 ng-if 单击 AngularJS 中的按钮 "changecontent" 时，如何将内容更改为另一个 HTML 内容？当我点击一个页面时，我多次调用此页面我更改了一个页面的内容但不是整个页面：请你有想法

$scope.changeContent = function(){

    }

局部视图：

<div class="container">   

                        <div class="SvgPicto col-lg-1  col-md-1  col-sm-1  col-xs-1">
                            <img src="@Url.Content("~/Resources/Common/pic_famille.svg")" />
                        </div>
                        <div class="SvgPicto col-lg-1  col-md-1  col-sm-1  col-xs-1">
                            <img src="@Url.Content("~/Resources/Common/pic_GPL_car.svg")" />
                        </div>
                    </div>
                    <br/>
                    <div class="row">
                       <div class="col-lg-4  col-md-4  col-sm-4  col-xs-4 ">
                           <button ng-click="changeContent()">Supprimer</button>
                       </div>
                     </div>
                 </div>

调用视图：

    <div class="container">
    <div class="row ">
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
            <div class="row">
                @Html.Partial("~/Views/Common/ConfigurationTemplate.cshtml", new ViewDataDictionary { { "isLeft", true } })
            </div>
            <hr />

Answer 1

如果您想动态地进行更改，我建议您进行以下操作：

<div class="row" ng-show="contentToggle">
     @Html.Partial("~/Views/Common/ConfigurationTemplate.cshtml", new ViewDataDictionary { { "isLeft", true } })
</div>
<div class="row" ng-show="!contentToggle">
     @Html.Partial("~/Views/Common/ConfigurationTemplate2.cshtml", new ViewDataDictionary { { "isLeft", true } })
</div>
<input type="button" value="Toggle Content" ng-click="toggleContent()/>

在 Angular 控制器中你会做：

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  $scope.contentToggle = true;

  $scope.toggleContent = function() {
    $scope.contentToggle = !$scopeContentToggle;
  }
});

其中 ConfigurationTemplate 是您的第一个视图，ConfigurationTemplate2 是您希望在单击时显示的第二个内容。而且您将需要四个局部视图。

Angular JS：如何通过单击按钮更改 asp.net 页面的内容

Angular JS : How i can change content of asp.net page on click button

asp.net-mvc-4

angularjs