小编Ric*_*hon的帖子

MVC 5和Angular 2多个"孤立"应用程序结构建议

我们有一个已经存在的大型MVC 5 ASP.NET 4.5.1 Web应用程序.由于它涵盖了如此多的领域,核心概念是每个页面都是它自己的应用程序.除了JQuery,常规Javascript和Handlebars模板之外,所有现有页面都不使用任何其他页面.

Angular 2似乎非常令人兴奋,但我正在试图弄清楚它将如何与我们的理念一致.例如,下面是我们的mvc路由如何提供我们目前的单独应用程序...

区/控制器1 /措施1(应用)

区/控制器1 /措施2(应用)

区/控制器2 /措施1(App3的)

等等

然后我们有单独的API控制器来提供我们的JSON数据.从Angular 2的初步读物/学习开始,我似乎无法理解我将如何为不同的应用程序提供服务(因为我能找到的所有内容总是希望将index.html作为主页,如果你真的在制作SPA,这是有道理的).从本质上讲,我们正在尝试通过现有结构提供多个SPA来继续开发,而不必更改站点上较旧的"遗留"应用程序以使用Angular,直到它们被单独重新访问,并找出如何有效地进行路由.

路由:所以在我脑海中的一个例子就是 Area/Controller/Action(App)/routeUrlstuff

我仍然希望能够让他们复制并粘贴扩展链接并使用角度路由返回,而不是仅仅切断该URL并在其起始点启动角度应用程序.

我真的没有任何代码可以显示,因为我正在尝试将当前项目作为概念证明,从现在开始使用Angular 2对于应用程序是可行的.

asp.net asp.net-mvc-5 angular2-routing angular

10
推荐指数
1
解决办法
2105
查看次数

使用 Getter 和 Setter 计算的 Vue 属性不会在 Webpack 中编译

我正在尝试将仅使用 Javascript 开发的应用程序转换为 Typescript。我遇到了一个我似乎无法解决的问题。我有一个带有 getter 和 setter 的计算属性,它们在通过 Webpack 运行时不会编译。我没有使用类装饰器方式来声明组件,而是使用对象文字语法。

import Vue from "vue"

export default Vue.extend({
  computed: {
   prioritized: {
    get(): any[] {
     return this.$store.getters["blah"];
    }
    set(value): void {
     //set value here
    }
   }
  }
})
Run Code Online (Sandbox Code Playgroud)

下面是 webpack 给我的第一个错误:

~listHome.ts(30,29) TS2339 中的错误:属性 '$store' 不存在于类型 '{ get(): any[]; 设置(值:未知):无效;}'。

老实说,我对 Typescript 还很陌生,所以我可能会在移植这个应用程序的挫折中遗漏一些简单的东西。

typescript webpack vue.js computed-properties

5
推荐指数
1
解决办法
2308
查看次数