asp.net – AngularJs 2与ASP.NET 4.5.1
发布时间:2020-12-15 23:34:44 所属栏目:asp.Net 来源:网络整理
导读:我想使用Angular 2作为现有ASP.NET 4应用程序的前端,即不是MVC 6 / ASP.NET CORE,我宁愿不使用节点,因为我们已经使用nuget作为包管理器.有人知道有什么资源可以指导我吗? 解决方法 为了回答我的原始问题,这是我们如何设法使用.net 4.5.1(我们最终不得不使用
我想使用Angular 2作为现有ASP.NET 4应用程序的前端,即不是MVC 6 / ASP.NET CORE,我宁愿不使用节点,因为我们已经使用nuget作为包管理器.有人知道有什么资源可以指导我吗?
解决方法
为了回答我的原始问题,这是我们如何设法使用.net 4.5.1(我们最终不得不使用npm)使Angular 2运行.
在_Layout.cshtml的标题中,从cdn和已配置的SystemJ导入Angular 2文件. <!-- 1. Load libraries --> <!-- IE required polyfills,in this exact order --> <script src="../../node_modules/es6-shim/es6-shim.min.js"></script> <script src="../../node_modules/systemjs/dist/system-polyfills.js"></script> <script src="../../node_modules/angular2/es6/dev/src/testing/shims_for_IE.js"></script> <script src="../../node_modules/angular2/bundles/angular2-polyfills.js"></script> <script src="../../node_modules/systemjs/dist/system.src.js"></script> <script src="../../node_modules/rxjs/bundles/Rx.js"></script> <script src="../../node_modules/angular2/bundles/angular2.dev.js"></script> <!-- 2. Configure SystemJS --> <script> System.config({ packages: { 'my-app': { format: 'register',defaultExtension: 'js' } } }); System.import('my-app/main') .then(null,console.error.bind(console)); </script> 将package.json和tsconfig.json添加到项目的路由 packages.json: { "name": "angular2-quickstart","version": "1.0.0","scripts": { "tsc": "tsc","tsc:w": "tsc -w","typings": "typings","postinstall": "typings install" },"license": "ISC","dependencies": { "angular2": "2.0.0-beta.9","systemjs": "0.19.24","es6-promise": "^3.0.2","es6-shim": "^0.35.0","reflect-metadata": "0.1.2","rxjs": "5.0.0-beta.2","zone.js": "0.5.15" },"devDependencies": { "typescript": "^1.8.7","typings": "^0.7.5" } } tsconfig.json: { "compileOnSave": true,"compilerOptions": { "target": "es5","module": "system","moduleResolution": "node","sourceMap": true,"emitDecoratorMetadata": true,"experimentalDecorators": true,"removeComments": false,"noImplicitAny": false },"exclude": [ "node_modules","typings/main","typings/main.d.ts" ] } 如果您的机器上安装了节点和npm,则应自动下载所需的npm模块,并将其保存在node_modules文件夹中.您现在应该准备好设置一个Angular 2应用程序,我们使用this开始使用. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- asp.net-mvc-3 – ASP.NET MVC3从https重定向到http
- asp.net-mvc – 发布webgrid asp.net mvc3的项目
- ASP.NET MVC共享Web托管建议? (或者,好的Windows VPS提供商
- asp.net-core – 无法运行dnx控制台应用程序
- asp.net-mvc – 我的web.config中没有角色管理器部分定义
- ASP.NET MVC中的runat =“server”标签的状态是什么?
- asp.net – 在代码隐藏中更改文本框BackColor
- 是否可以还原ASP.NET预编译?
- 使用ASP.NET和global.asax进行速率限制
- asp.net – 以下部分已定义,但尚未针对布局页面“?/ Views
推荐文章
站长推荐
- 如何利用ETW(Event Tracing for Windows)记录日
- asp.net-mvc – 如何使ASP.NET路由转义路由值?
- kendo-ui – Kendo UI Editor – 从编辑器菜单中
- asp.net-mvc – ASP.Net MVC数据库驱动的菜单,带
- asp.net-mvc – 重定向到mvc中的actionresult但不
- entity-framework – 在viewbag中传递查询结果
- asp.net – 有人可以帮我理解这个堆栈跟踪吗?
- ASP.NET Active Directory成员资格提供程序和SQL
- asp.net – Page.PreLoad事件未出现在visual stu
- asp.net-mvc – ASP.NET MVC 3 – ViewModel最佳
热点阅读