Question

我将在jsbin上显示代码。问题是：$ scope.name永远不会显示，谢谢

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body ng-app="test">
  <a href="#/you">go to</a>
  <ng-view></ng-view>
  <script type="text/ng-template" id="you.html">
    {{name}}
  </script>
</body>
</html>

JS：

var test = angular.module('test',[]);
test.config(function($rootProvider){
  $rootProvider
    .when('/you',{
      templateUrl: 'you.html',
      controller: 'youCtrl'
    });
});

test.controller('youCtrl',function($scope){
  $scope.name = 'you';
});

Answer 1

快速plnkr

您错过了模块上的ngRoute依赖项和脚本

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.js"></script>

您需要像var test = angular.module('test',['nRoute']);

那样设置模块

及其$routeProvider而非$rootProvider简单的拼写错误。

为什么我无法通过ng-view从控制器范围获取值

1 个答案: