javascript - Angular JS 表达式未在 Route 中求值

标签 javascript angularjs routes

我有一个非常简单的index.html,里面只有一个 View :

<body ng-app="contentApp" ng-controller="contentCtrl">
    <div ng-view></div>

然后是带有路由和 Controller 的脚本

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

contentApp.config(['$routeProvider', function ($routeProvider) {
    $routeProvider
    .when("/uebersicht",
        {templateUrl: "uebersicht.html",
         controller: "contentCtrl"}
    )


contentApp.controller('contentCtrl', function($scope) {
  $scope.test = "Test";

所以在我的index.html 文件中, Controller 工作得很好。但在我的 ng-view 中,我有这样的表达式

{{test}}

什么也没有发生,并且表达式也没有被求值。

编辑

我犯的错误是我包含的文件 uebersicht.html 中的指令错误。所以我在里面写了一些伪代码来停止整个脚本的执行。

最佳答案

确保您为 uebersicht 定义了不同的 Controller

演示

var contentApp = angular.module("contentApp", ['ngRoute']);
contentApp.config(['$routeProvider', function($routeProvider) {
  $routeProvider
    .when("/uebersicht", {
      templateUrl: "uebersicht.html",
      controller: "content2Ctrl"
    })
}])
contentApp.controller('contentCtrl', function($scope) {
  $scope.test = "Test";
});
<!DOCTYPE html>
<html ng-app="contentApp">

<head>
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-route.js"></script>
  <script src="app.js"></script>
  <!--css-->
  <link rel="stylesheet" href="style.css" />
  <title>Title of the document -1</title>
</head>

<body>
  <div ng-controller="contentCtrl" class="container">
    <h1>   {{test}}</h1>
    <div ng-view=""></div>
  </div>

</body>

</html>

关于javascript - Angular JS 表达式未在 Route 中求值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41116418/

相关文章:

javascript - 当第二行文本字段与第一行文本字段具有相同值时如何警告错误

javascript - 在不解决 promise 的情况下使用 $http.post 和 res.redirect

javascript - 如何从angularjs中的单选按钮列表中获取选定的值

javascript - 使用 AngularJS 将表单发布到新窗口

javascript - 从数组中删除项目时如何使用angularjs ngForm启用按钮

javascript - 在javascript中删除或替换模式内的子字符串

javascript - 数字的条件(?)正则表达式

algorithm - Dijkstra算法计算N条最短路径

routes - Umbraco 路由

asp.net-web-api - 请求不支持http方法 'GET'错误