在局部视图中使用ng-controller在ASP.NET中不起作用

时间:2017-04-19 10:48:35

标签: asp.net angularjs ajax razor asp.net-ajax

我无法在ASP.NET的局部视图中使用我的角度控制器 当我在普通视图中使用它时效果很好但是当我想在局部视图中使用它时它只是不起作用(在Firefox中没有任何控制台)。

app.js

var app = angular.module("app", []);

的TestController

app.controller("testController",
    function($scope) {
        $scope.test = "test";
    });

_Layout.cshtml

<!DOCTYPE html>
    <html>
        <head>
            <script src="~/assets/js/angular/angular.min.js"></script>
            <script src="~/assets/js/angular/app.js"></script>
        </head>
        <body ng-app="app">
            @Renderbody()
        </body>
    </html>

Index.cshtml

<script src="~/assets/js/angular/testController.js"></script>
<div ng-controller="testController">

    {{test}}

    @Ajax.ActionLink("Test", "TestAction",
                     "TestController",
                     new { },
                     new AjaxOptions
                     {
                        UpdateTargetId = "partialView",
                     },
                     new { });

    <div id="partialView">
    </div>
</div>

_Partial.cshtml

<p>{{test}}</p>

这不会奏效,我尝试了这个,我尝试将ng-controller放在两个视图中。

TestController.cs

public ActionResult TestAction(){
    return PartialView("_Partial.cshtml");
}

我一定错过了一些东西,但我无法弄清楚是什么。

0 个答案:

没有答案