gpt4 book ai didi

javascript - 在同一页面 mvc View 中多次使用相同的 ng-app 和 ng-controller

转载 作者:行者123 更新时间:2023-11-29 15:26:51 25 4
gpt4 key购买 nike

我需要在同一个 mvc View 页面中多次使用同一个 ng-app 和同一个 ng-controller。

<div ng-app="rootapp" ng-controller="rootcontroller">
<div id="div1">
---first content--------
<div ng-app="editorApp" ng-controller="editorController" ng-init="getInformation('SettingsDuplicates')">

<div class="col-sm-2 validation-right" style="width:12.666667%">
<div class="greySlideB">
@Html.Partial("~/Views/Shared/Information/_InformationPartial.cshtml")

@Html.Partial("~/Views/Shared/RecentNotes/_RecentNotesPartial.cshtml")
</div>
</div>
</div>
</div>

<div id="div2">
.......second content-------
<div ng-app="editorApp" ng-controller="editorController" ng-init="getInformation('SettingsDuplicates')">

<div class="col-sm-2 validation-right" style="width:12.666667%">
<div class="greySlideB">
@Html.Partial("~/Views/Shared/Information/_InformationPartial.cshtml")

@Html.Partial("~/Views/Shared/RecentNotes/_RecentNotesPartial.cshtml")
</div>
</div>
</div>
</div>


</div>

因为每个div的ng-init函数调用参数是不同的。在另一个 ng-app 中多次使用相同的 ng-app 和 ng-controller 的最佳方法是什么。

最佳答案

你不能有嵌套的 ng-app 指令。要解决此问题,您可以创建一个包含其他应用程序的“父”应用程序,如下所示:

var rootApp = angular.module('rootApp', []);
var editorApp = angular.module('editorApp', []);
var mainApp = angular.module('mainApp', ['rootApp', 'editorApp']);

rootApp.controller('rootController', function($scope) {
$scope.name = 'root app';
});

editorApp.controller('editorController', function($scope) {
$scope.name = 'editor app';
});
<!DOCTYPE html>
<html ng-app="mainApp">

<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.7/angular.min.js"></script>
</head>

<body>
<div ng-controller="rootController">
<p>Hello {{name}}!</p>
</div>
<div ng-controller="editorController">
<p>Hello {{name}}!</p>
</div>
</body>

</html>

关于javascript - 在同一页面 mvc View 中多次使用相同的 ng-app 和 ng-controller,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38204340/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com