Angularjs Angular JS:如何通过单击按钮更改asp.net页面的内容
我有这个page.chtml。当我使用ng click和ng if单击AngularJS中的“changecontent”按钮时,如何使用其他HTML内容更改内容?当我点击其中一个页面时,我会改变其中一个页面的内容,但不是整个页面:请问你有什么想法吗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
$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;
}
});