Question

我想通过MVC6 .cshtml视图获得AngularJs路由的帮助我创建了普通的_layout，包含了应用程序模式。我使用ReanderBody函数将Index.csthml读入_layout。现在我试图添加＆＃39; div＆＃39; ng-view使用index.csthml中的angularjs渲染所有其他.csthml视图，但是我的代码没有用。

我使用的AngularJs脚本如下：

angular.module('myApp', [])
  .controller("MyController", function ($scope) {
      $scope.message = "My Message Is Super Awesome";
  });

angular.config(['$routeProvider',
  function ($routeProvider) {
      $routeProvider.
        when('/route1', {
            templateUrl: 'Home/BusinessLookup',
            controller: 'BusinessLookupController'
        }).
        otherwise({
            redirectTo: '/'
        });
  }]);

angular.controller('BusinessLookupController', function ($scope) {

    $scope.message = 'This is Add new order screen';

});

Index.csthml文件如下：

<div>
<a href="Home#/route1">Test</a>
<div ng-app="myApp" ng-controller="MyController">
    {{message}} <!--Here angular does not work-->

    <div ng-view=""></div>

</div>

MVC路由设置：

            app.UseMvc(routes =>
        {
            routes.MapRoute(
                name: "default",
                template: "{controller=Home}/{action=Index}/{id?}"
                );
        }

Answer 1

您需要为应用创建角度模块的实例：

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

然后像这样使用它：

app.controller(...

app.config(...

希望这有帮助。

AngularJs路由.cshtml文件在MVC6中

1 个答案: