我们有一个已经存在的大型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对于应用程序是可行的.
我正在尝试将仅使用 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 还很陌生,所以我可能会在移植这个应用程序的挫折中遗漏一些简单的东西。