Hallo,
dnake. Ich habe gedacht, ich habe bereits alles darüber, wo alles steht, angegeben. Dieser Code steht in der z.B. Index.cshtml
@Ajax.ActionLink(@"Link1", "Partial1", "MyController", new { id = id }, new AjaxOptions { UpdateTargetId = "MyContainer" })
@Ajax.ActionLink(@"Link2", "Partial2", "MyController", new { id = id }, new AjaxOptions { UpdateTargetId = "MyContainer" })
@Ajax.ActionLink(@"Link3", "Partial3", "MyController", new { id = id }, new AjaxOptions { UpdateTargetId = "MyContainer" })
<div ng-app="eventModule">
<div id="MyContainer"></div>
</div>
und ruft jeweils die Partial1-3.cshtml, in denen jeweils diese Codes stehen:
Partial1.cshtml:
<div ng-controler="controller1" ng-init="function1(id)">
<span ng-binding="myValue1"></span>
<div>
Partial2.cshtml:
<div ng-controler="controller2" ng-init="function2(id)">
<span ng-binding="myValue2"></span>
<div>
Partial3.cshtml:
<div ng-controler="controller3" ng-init="function3(id)">
<span ng-binding="myValue3"></span>
<div>
dieser Code wird in div-Element mit der id=MyContainer geladen. Die Controller stehen alle separat in einer js-Datei:
eventModule.controller('controller1', ['$scope', function($scope, $interval) {
$scope.function1 = function(value) { $scope.myValue1 = value * 2; };
$interval($scope.function1 ..., 5000)
}]);
eventModule.controller('controller2', ['$scope', function($scope, $interval) {
$scope.function2 = function(value) { $scope.myValue2 = value * 3; };
$interval($scope.function2 ..., 5000)
}]);
eventModule.controller('controller3', ['$scope', function($scope, $interval) {
$scope.function3 = function(value) { $scope.myValue3 = value * 4; };
$interval($scope.function3 ..., 5000)
}]);
Ich hoffe, dass jetzt alles etwas besser zu verstehen ist ist.
Gruß