本文介紹了SpringMVC簡單整合Angular2的示例，分享給大家，具體如下：

創(chuàng)新互聯(lián)服務(wù)項目包括柳州網(wǎng)站建設(shè)、柳州網(wǎng)站制作、柳州網(wǎng)頁制作以及柳州網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，柳州網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到柳州省份的部分城市，未來相信會繼續(xù)擴大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

angular使用的是官方的快速開始的例子

將文件全部拷貝到springmvc的項目中，拷貝過程中可能出現(xiàn)文件路徑太長而失敗，那就先對整個文件壓縮，然后拷貝壓縮過后的文件，然后解壓縮即可。目錄結(jié)構(gòu)如下，我是拷貝到angular目錄下的

spring配置文件設(shè)置路徑

然后再html頁面中如angular官方所示，引入文件

這里面需要對這些文件的路徑進行配置

主要是systemjs.config文件中需要修改兩個地方

這樣項目就可以運行了

但是這樣能運行，是因為我們已經(jīng)把Typescript編譯成js文件了，我們不可能每次修改ts文件，然后編譯一下，再運行項目，所以我們需要自動編譯Typescript為javascript

由于我使用的idea編輯器，有自帶的編輯轉(zhuǎn)換工具，所以只需要進行簡單的配置即可(前提是本機安裝了nodejs與Typescript依賴)

File-》Settings-》Languages&Frameworks-》node.js and NPM  選擇本機已經(jīng)安裝的node.js

File-》Settings-》Languages&Frameworks-》TypeScript

typescript version最好選擇本機下載的npm的typescript依賴，選擇lib文件夾即可

 -p web\WEB-INF\angular 這個命令是表示編譯制定的目錄，若果沒有，則搜索項目根路徑，由于我們放在angular目錄中，所以需要進行設(shè)置

做到這一步就可以在編輯器里進行編譯了，但是還做不到自動編譯

我們熱部署到tomcat的步驟，一般都是make，然后打包，然后啟動項目，做到自動編譯，只需要在make之前，對Typescript進行編譯即可

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。