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

Angularjs Angular JS:如何通过单击按钮更改asp.net页面的内容,angularjs,asp.net-mvc-4,Angularjs,Asp.net Mvc 4,我有这个page.chtml。当我使用ng click和ng if单击AngularJS中的“changecontent”按钮时,如何使用其他HTML内容更改内容?当我点击其中一个页面时,我会改变其中一个页面的内容,但不是整个页面:请问你有什么想法吗 $scope.changeContent = function(){ } 局部视图: <div class="container"> <div class="Sv

我有这个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 />   

@Html.Partial(“~/Views/Common/ConfigurationTemplate.cshtml”,新ViewDataDictionary{{“isLeft”,true}})


如果您想动态进行更改,我建议您执行以下操作:

<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()/>

其中ConfigurationTemplate是您的第一个视图,ConfigurationTemplate2是您希望在单击时显示的第二个内容。你需要四个部分的观点。

我不确定我是否完全理解你的问题。但是这个答案会有帮助吗:我在我的page.chtml中使用了部分视图4次,我希望当我单击部分vue中的按钮时,我通过另一个内容更改所有内容谢谢advance@sani这有什么帮助吗?是的,按钮在局部视图中,我需要当我点击按钮时,我用另一个内容更改内容,例如我更改如果答案有助于你,请将其标记为正确。将我的示例中的按钮放入局部视图。我不明白你的要求。你能提供更多的代码来解决你的问题吗?我在同一个页面chtml中使用了4次相同的部分视图,我想在部分视图中点击一个按钮,我将这个部分视图的继续部分更改为另一个继续部分,我想知道我如何做到这一点
var app = angular.module('plunker', []);

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

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