Question

我正在寻找如何创建我的第一个应用程序。我的知识更多是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>

但是如何切换我的内容呢？

感谢。

Answer 1

就xhr请求和点击执行javascript而言，您希望分别查看$http和ng-click。但实际上，你必须从头开始，因为你需要了解Angular的做事方式。

我会在这里查看官方教程文档：

Angular Tutorial

Answer 2

您可以使用ng-view或ui-view（我推荐使用ng-view）而不是jQuery，因为两者都经过优化以创建单页面应用程序，只需要这样的例子：

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

使用ng-view你可以改变视图，这里有一个更清晰的完整例子：

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

我希望这对你有用，问候。

角色版的jQuery页面

2 个答案:

角色版的jQu​​ery页面

2 个答案:

角色版的jQuery页面