Question

我试图通过构建一个webapp来了解AngularJS。

我正在使用eclipse，到目前为止我有4个文件。 main.js，index.html，view1.js，view2.html。

基本上我可以在tomcat开始运行时加载index.html，在这个文件中我有这个代码：

<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>

但是当我点击＆＃34;下一步＆＃34;它没有进入所需的页面。

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';
};

我期待发生的事情：

当我点击下一步时，它会将＃/ extension附加到网址，然后调出我的view2.html。也在main.js：

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

        })

Answer 1

刚开始使用Angular Seed，它会帮助你

https://github.com/angular/angular-seed

AngularJS：Up and Running是一本非常好的书

你如何使用angularJs来生成一个功能强大的webapp？

1 个答案: