Question

我无法在不使用Razor的情况下使用带有Angular 1的asp net core查找教程。（我只想使用html）在web项目中使用web api解决方案来获取请求。

我一直试图让它工作但是出于某种原因我无法让UI路由器工作：

就像我做http://localhost:12112/index.html一样，它会显示页面正确但当我做“http://localhost:12112/home这就是我想要的......它说它无法找到它。”

我的文件夹结构是：

wwwroot
  -app
     -home
        -myhome.controller.js
        -myhome.module.js
        -myhome.router.js
        -myhome.html
  -index.html

myhome.router.js

(function () {
    'use strict';

    angular
        .module('hoa.myhome')
        .config(routeConfig);

    routeConfig.$inject = ['$stateProvider', '$urlRouterProvider']

    function routeConfig($stateProvider, $urlRouterProvider) {

        $urlRouterProvider.otherwise('/');
        $stateProvider

        .state('home', {
            url: '/',
            templateUrl: '/app/home/myhome.html'),
            controller: 'myHomeController',
            controllerAs: 'myhctrl'
        })
    };

})();

我能错过什么？或者如果你能指出我使用带有剃刀和.net核心的角度的好教程我会很感激。

Answer 1

如果您想要的是简单的html和javascript，它将自己处理路由，如角度，那么你可以而不是添加一个新的项目到解决方案添加一个新的空网站将是纯HTML和JavaScript文件

需要考虑的事项：
1.它将在不同的端口/域上运行，因此您必须为Web api配置CORS 2.您将不会有任何可用的渲染端功能，每个都将是客户端
3.通常视觉工作室会将网站提供给解决方案，但将其放在不同的位置＆＃34;用户/文档/ VSVersion / WebSites /＆＃34;如果你不想要它确保在创建时将它放在你想要的地方

Answer 2

要打开第一个index.cshtml页面，您需要在Home控制器上使用操作

public IActionResult Index(){
    return View();
}

这将打开该网站。然后，在 index.cshtml ：

中

div ng-app="myApp">
        <ui-view></ui-view>
</div>

您的<ui-view></ui-view>可以填充您的角度html文件，并且可以使用ui-router

设置和更改网址

asp网带角度

2 个答案: