SpringMVC簡(jiǎn)單整合Angular2的示例
本文介紹了SpringMVC簡(jiǎn)單整合Angular2的示例，分享給大家，具體如下：
angular使用的是官方的快速開始的例子
將文件全部拷貝到springmvc的項(xiàng)目中，拷貝過程中可能出現(xiàn)文件路徑太長(zhǎng)而失敗，那就先對(duì)整個(gè)文件壓縮，然后拷貝壓縮過后的文件，然后解壓縮即可。目錄結(jié)構(gòu)如下，我是拷貝到angular目錄下的
spring配置文件設(shè)置路徑
然后再html頁面中如angular官方所示，引入文件
這里面需要對(duì)這些文件的路徑進(jìn)行配置
主要是systemjs.config文件中需要修改兩個(gè)地方
這樣項(xiàng)目就可以運(yùn)行了
但是這樣能運(yùn)行，是因?yàn)槲覀円呀?jīng)把Typescript編譯成js文件了，我們不可能每次修改ts文件，然后編譯一下，再運(yùn)行項(xiàng)目，所以我們需要自動(dòng)編譯Typescript為javascript
由于我使用的idea編輯器，有自帶的編輯轉(zhuǎn)換工具，所以只需要進(jìn)行簡(jiǎn)單的配置即可(前提是本機(jī)安裝了nodejs與Typescript依賴)
File-》Settings-》Languages&Frameworks-》node.js and NPM 選擇本機(jī)已經(jīng)安裝的node.js
File-》Settings-》Languages&Frameworks-》TypeScript
typescript version最好選擇本機(jī)下載的npm的typescript依賴，選擇lib文件夾即可
-p web\WEB-INF\angular 這個(gè)命令是表示編譯制定的目錄，若果沒有，則搜索項(xiàng)目根路徑，由于我們放在angular目錄中，所以需要進(jìn)行設(shè)置
做到這一步就可以在編輯器里進(jìn)行編譯了，但是還做不到自動(dòng)編譯
我們熱部署到tomcat的步驟，一般都是make，然后打包，然后啟動(dòng)項(xiàng)目，做到自動(dòng)編譯，只需要在make之前，對(duì)Typescript進(jìn)行編譯即可
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Angular2 http jsonp的實(shí)例詳解的相關(guān)資料,希望通過本能幫助到大家，需要的朋友可以參考下2017-08-08
AngularJS出現(xiàn)$http異步后臺(tái)無法獲取請(qǐng)求參數(shù)問題的解決方法
這篇文章主要介紹了AngularJS出現(xiàn)$http異步后臺(tái)無法獲取請(qǐng)求參數(shù)問題的解決方法,較為詳細(xì)的分析了AngularJS出現(xiàn)異步請(qǐng)求后臺(tái)無法解析的原因與相應(yīng)的解決方法,需要的朋友可以參考下2016-11-11
Angular之toDoList的實(shí)現(xiàn)代碼示例
本篇文章主要介紹了Angular之toDoList的實(shí)現(xiàn)代碼示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-12-12
Angular應(yīng)用里異步打開對(duì)話框技術(shù)詳解
這篇文章主要為大家介紹了Angular應(yīng)用里異步打開對(duì)話框技術(shù)詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-12-12
本文主要介紹AngularJS 一些優(yōu)化上的小技巧，這里整理了幾種方法供大家參考，有興趣的小伙伴可以參考下2016-08-08
本文介紹了AngularJS 多指令Scope問題的解決，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-10-10
這篇文章主要為大家介紹了Angular應(yīng)用懶加載模塊配置管理詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10
這篇文章主要介紹了使用ng-packagr打包Angular的方法示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-09-09
AngularJs是Google開源的前端JS框架。使用AngularJs, 我們能夠容易地、健壯的開發(fā)出類似于Gmail一樣的單頁Web應(yīng)用。這篇文章主要介紹了詳解angular中如何監(jiān)控dom渲染完畢，有興趣的可以了解一下。2017-01-01
這篇文章給大家分享了如何利用AngularJS監(jiān)聽路由的變化，文中給出了示例代碼相信對(duì)大家的理解很有幫助，有需要的朋友們可以參考借鑒。2016-09-09