Question

我刚刚按照以下链接上的教程进行操作 https://scotch.io/tutorials/single-page-apps-with-angularjs-routing-and-templating

我完全按照页面上的描述完成，但是将其演变为真实的项目，我不得不在内部页面中添加一些javascript代码，例如pages / about.html。由于某种原因，它没有被执行。即使你放了一个

--silent-debugger-extension-api

它不被解释为javascript代码。并且不显示警报

使用ng-view

注入

页面

<script>
    alert('foo');
</script>

可以查看整个代码 https://scotch.io/tutorials/single-page-apps-with-angularjs-routing-and-templating

感谢

Answer 1

我一直在模板中使用脚本（延迟加载）一段时间，而不知道 AngularJS 没有完成整个工作。但是，如果将 AngularJS 与 JQuery 结合使用，则可以完成任务。

请检查以下代码段以获取解决方案：

<强>的index.html

<!DOCTYPE html>
<html ng-app="app">

<head>

  <meta charset="utf-8">

  <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular-route.js"></script>

</head>

<body>

  <h1>angular app</h1>

  <div ng-view></div>

  <script type="text/javascript">
    var app = angular.module('app', ['ngRoute']);

    app.config(function($routeProvider) {

      $routeProvider

        .when('/', {
        template: '<a href="#script">i´m feeling lucky!</a>'
      })

      .when('/script', {
        templateUrl: 'script.html'
      });

    });
  </script>

</body>

</html>

<强> script.html

script successfully loaded!
<script>alert('ok');</script>

在这种情况下，导入订单很重要。如果您将 JQuery 与 AngularJS 交换，解决方案将无效。

希望它有所帮助！

angularjs routing，javascript对注入的视图不起作用

1 个答案: