Angular JS :如何在单击按钮时更改asp.net页面的内容
Angular JS :如何在单击按钮时更改asp.net页面的内容
提问于 2018-02-22 21:05:28
我有这个page.chtml。当我使用ng-click和ng-if点击AngularJS中的"changecontent“按钮时，我如何用另一个超文本标记语言内容来改变内容？我把这个页面称为我想要的时间，当我点击一个页面时，我改变了一个页面的内容，但不是所有的页面:你有什么想法吗？
$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 /> 回答 1
Stack Overflow用户
回答已采纳
发布于 2018-02-22 21:34:33
如果您想进行动态更改，我建议您进行以下操作：
<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是您希望在单击时显示的第二个内容。你需要四个你的局部视图。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48928183
复制相关文章
相似问题
腾讯云开发者
