2015-06-10 19 views
0

我想通過構建一個webapp來讓我的頭在AngularJS的周圍。你如何使用angularJs來生成一個正常運行的webapp?

我正在使用eclipse,到目前爲止我有4個文件。 main.js,index.html,view1.js,view2.html。

基本上我能得到的index.html加載了當Tomcat開始運行,這個文件中我有這樣的代碼:

<form method="post" id="view1-form1" ng-submit=proceed();> 

<......> 


    <div class="next-step"> 
        <button type="submit" class="form-btn" id="btn01" ng-click="submitted=true"> 
         Next step 
        </button> 
    </div> 

但是,當我點擊「下一步」它不會去到所需頁面。

代碼中view1.js:

$scope.proceed = function() { 
        $scope.view1_btn01(); 
      }; 

代碼中main.js:

$scope.view1_btn01 = function() { 
    var view1extenstion = "http://localhost:8080/WebApp-01"; 
    window.location.href = view1extenstion + '#/extension'; 
}; 

我希望發生:

當我點擊下一步它追加#/擴展到網址,然後調出我的view2.html。 也main.js:

.when('/extension', { 
      templateUrl: 'view2.html' 

     }) 
+1

有你完成了AngularJS教程? https://docs.angularjs.org/tutorial – adamjld

+1

您應該首先嚐試AngularJS教程,並閱讀關於路由的章節。 –

+0

你忘記了'proceed()'的引號:'ng-submit =「proceed()」' – devqon

回答

相關問題