Question

我正在使用＆＃34; prettyprint＆＃34;以及＆＃34; AngularJs＆＃34;哪个工作得很好，但唯一的问题是如果我使用路由，那么prettyprint函数不起作用（因为它可能已被配置为在pageLoad上运行）。现在，如果我要访问各种ng-view页面并回来怎么办？如何在路由更改时运行prettyprint功能？

HTML：

<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/prettify.min.css">
<link rel="stylesheet" href="https://cdn.rawgit.com/google/code-prettify/master/styles/sons-of-obsidian.css">
<script src= "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script src="https://code.angularjs.org/1.2.1/angular-route.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/run_prettify.min.js"></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">

<a href="#/one">One</a>
<a href="#/two">Two</a>
<a href="#/three"> Three</a>
<div ng-view=""></div>

<script>
//App Declaration 
var app = angular.module('myApp', ['ngRoute'] );
//Controllers 
app.controller('myCtrl', function($scope) {
});

//Routers 
app.config(function($routeProvider){
    $routeProvider
    .when('/one', {
        templateUrl: 'one.html'
    })  
    .when('/two', {
        templateUrl: 'two.html'
    })  
    .when('/three', {
        templateUrl: 'three.html'
    })  
    .otherwise({
        redirectTo: '/one'
    });
});
</script>

</body> 
</html>

one.html

This is one
<pre class="prettyprint">
&lt;div&gt;
    &lt;p&gt;
        &lt;a href="http://www.google.com"&gt;Google&lt;/a&gt;
    &lt;/p&gt;
&lt;/div&gt;
</pre>

two.html

This is two

第一次点击图片＆＃39;一个＆＃39;链接：

转到第二个视图或第三个视图，然后回来：

有人可以帮帮我吗？

AngularJs与prettyprint ngView路由问题

0 个答案: