2016-06-21 37 views
1

我正在尋找如何創建我的第一個應用程序。我的知識是更多的jQuery,我很難做出轉換。jQuery頁面的角度版本

其實,我在JS的第一頁是:

<!DOCTYPE html> 
<html> 
    <head> 
    </head> 
    <body> 
     <a href="#" data-module="Module-1">Module 1</a> 
     <a href="#" data-module="Module-2">Module 2</a> 
     <div id="content"></div> 
     <script src="jquery.js"></script> 
     <script> 
      $('#content').load('modules/homepage.html'); 

      $('a[data-module]').click(function(event) { 
       event.preventDefault(); 
       var module = $(this).attr('data-module'); 
       $('#content').load(module); 
      }); 
     </script> 
    </body> 
</html> 

但我怎麼能做出切換我的內容一樣嗎?

謝謝。

回答

0

就xhr請求和點擊執行javascript而言,您希望分別查看$httpng-click。但是,真的,你必須從一開始就開始,因爲你需要了解Angular的做事方式。

我會檢查的官方教程文檔瀏覽:

Angular Tutorial

0

可以使用NG-視圖或用戶界面視圖(我建議NG-視圖),而不是jQuery的,因爲兩者都優化,創造單網頁應用程序,只需要例如這樣的事情:

<html> 
    <head> 
    <title>SPA</title> 
    </head> 
    <body ng-app="app"> 
    <div ng-view></div> 
    </body> 
</html> 

與NG-視圖中可以dinamically改變看法,這裏是一個完整的例子更加清晰:

https://docs.angularjs.org/api/ngRoute/directive/ngView

我希望它對你有用,關心。