0

如下所示,我的代码不会用路由配置中的模板替换 mg-view。我将 {{message}} 替换为 'in controller',这表明控制器还活着,但没有任何反应。

看法:

<!DOCTYPE html>
<html ng-app="app">
<head>          
    <script src="angularjs/angular.js"></script>
    <script src="angularjs/angular-resource.js"></script>
    <script src="angularjs/angular-route.js"></script>

<script src="app.js.html"></script>
</head>
<body class="appearanceOrange styleIOS">

    <section ng-app="app" ng-controller="pageCtrl">
        Current page '{{ message }}'

        <div ng-view></div>
    </section>
</body>
</html>

控制器:

var app = angular.module('app', ['ngRoute']);

app.config(function($routeProvider) {
  $routeProvider
    .when('/corporate', {
      controller:'pageCtrl',
      templateUrl:'corporate.html'
    })
    .otherwise({
      redirectTo:'/corporate'
    });
});

app.controller('pageCtrl', function ($scope) {
    $scope.message = "in controller";

}); 

部分的:

<section 
    id="pageCorp"
    class="page"
    title="Corp France"
    background="stripRoll"
    style="text-align:center; display: block;">
    <div style="padding:200px">
        <a href="http://www.corp.fr/go/id/ceeq/" style="color: white">
            <img src="rsc/corp.logo.svg" style="width:150px; margin: auto auto;background-color:white;"/><br/>
            <span style="font-size:18pt;font-weight:bold">visit our Website</span>
        </a>
    </div>
</section>
4

2 回答 2

0

只要您的模板corporate.html存在,对我来说就很好。

这是一个工作小提琴

var app = angular.module('app', ['ngRoute']);

app.config(function($routeProvider) {
    $routeProvider.when('/corporate', {
        controller: 'pageCtrl',
        template: 'hi'
    }).otherwise({
        redirectTo: '/corporate'
    });
});

app.controller('pageCtrl', function($scope) {
    $scope.message = "in controller";
});

编辑:这是使用模板的另一种可能性,使用 $templateCache: jsfiddle

app.run(function($templateCache) {
  $templateCache.put('corporate.html', 'This is the content of the template');
});
于 2014-04-08T09:06:01.587 回答
0

经过数小时的调查,遗留的 javascript 正在破坏 angularjs。因此,在转换(迁移)到 angularjs 时要小心,并在进入漫长的调查期之前先尝试停用旧的 javascript 代码……感谢所有帮助过我的人。

于 2014-04-08T11:32:21.843 回答