我有一个非常简单的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/