angularjs路由，javascript在注入的视图上不起作用

Question

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

我完全按照页面上的描述进行操作，但是将其逐步发展为一个真正的项目，我不得不在内部页面（例如pages / about.html）中放置一些javascript代码。 由于某种原因，它没有执行。 即使你放一个

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

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

页面是使用ng-view注入的

<div id="main">

    <div ng-view></div>

</div>

整个代码可以在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路由，javascript在注入的视图上不起作用

问题描述

1 个解决方案

解决方案1
0 2015-09-22 23:49:24

angularjs路由，javascript在注入的视图上不起作用

问题描述

1 个解决方案

解决方案1 0 2015-09-22 23:49:24

解决方案1
0 2015-09-22 23:49:24